腾讯云
开发者社区
文档
建议反馈
控制台
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
搜索
搜索
关闭
发布
登录/注册
精选内容/技术社群/优惠产品,
尽在小程序
立即前往
文章
问答
(9999+)
视频
沙龙
1
回答
React
中
跨
组件
的
粘性
siderbar
css
、
reactjs
我想创建一个在某些
组件
上移动
的
粘性
侧边栏。CSS
的
sticky属性允许我(AFAIK)只能在创建它
的
组件
内移动,所以我
的
问题是-让sticky侧边栏只在某些
组件
上移动
的
最佳解决方案是什么?固定
的
位置设置为一切,我需要它只为
跨
3-4
组件
。
浏览 38
提问于2021-07-18
得票数 0
1
回答
类型记录&
React
组件
抛出错误
javascript
、
reactjs
、
typescript
我试图将一个图标从UI材料注入到另一个
组件
并呈现它,但是它会抛出一个错误 return ( ); export default
Siderb
浏览 0
提问于2020-09-02
得票数 1
回答已采纳
3
回答
react
虚拟化
中
的
粘性
标题
reactjs
、
react-virtualized
我在
react
-virtualized中使用了一个List
组件
来呈现大量
的
项目。在我
的
实现
中
,项目是分段
的
,并且我希望分段标题是
粘性
的
,以便在用户向下滚动时,当前分段保持可见。本质上,我需要
react
-virtualized,以便在滚动位置改变时不破坏节标题(但继续破坏其他项)。现在有没有办法做到这一点?我对黑客持开放态度,只要他们不是太疯狂。
浏览 1
提问于2016-11-09
得票数 7
1
回答
有没有位置
的
替代方法:'sticky in
react
-native?
javascript
、
css
、
react-native
我正在尝试让一个元素始终保持在屏幕
的
顶部,滚动时保持低调。我发现position: 'sticky'为普通
的
超文本标记语言做这件事。我想知道有没有什么东西可以添加到我
的
css
中
,使元素在使用
react
-native滚动时停留在一个位置。
浏览 0
提问于2021-11-26
得票数 0
1
回答
使侧边栏(在反应
中
)占据页面高度
的
100%,即使有滚动
html
、
css
、
reactjs
、
styled-components
我
的
应用程序
中
的
大多数页面都位于视图端口中,因此到目前为止,我一直使用height: 100vh作为<SideNav />
组件
。但是现在我
的
几个页面滚动,这破坏了侧栏
的
功能,因为它在开始滚动时突然结束。注意,
浏览 2
提问于2019-08-27
得票数 1
回答已采纳
3
回答
在语义UI
中
创建一个
粘性
条(
React
)。滚动时页面跳转
semantic-ui
、
sticky
、
semantic-ui-react
我正在使用语义
中
的
组件
来创建一个顶级菜单+面包屑头。由于某些原因,当试图从最顶层位置滚动时,滚动条“跳跃”。我还没有为
粘性
组件
提供context支持。在
中
,它们总是提供封装div
的
React
引用,作为Sticky
组件
的
上下文支柱。文档不清楚context支柱
的
用途。(上面写着“
粘性
元素应该坚持
的
上下文”) 我是否需要为
粘性
组件</
浏览 3
提问于2018-01-01
得票数 8
回答已采纳
1
回答
如何呈现列表/网格行,就好像它是
粘性
的
?
javascript
、
reactjs
、
react-virtualized
我有一个
组件
,它使用
react
-virtualized
的
List进行虚拟化滚动,其中每一行要么是一个类别标题,要么是属于该类别的实际内容。”(在引号
中
,因为position: sticky还不是一个可行
的
选项)容器
中
,停留在滚动容器
的
顶部,直到滚动到下一个类别标题,依此类推。棘手
的
是,我希望这个
粘性
标题仍然在滚动容器内,而不是覆盖它或位于它
的
上方,并且它需要填充其父容器
的
宽度,这排除了在List<e
浏览 0
提问于2016-10-24
得票数 3
1
回答
反应-本机键盘问题
react-native
、
expo
、
react-navigation
、
react-navigation-v6
import
React
, {useState, useEffect} from '
react
'; Keyboard, View, Alert, } from '
react
-native'; import { Navig
浏览 14
提问于2022-08-15
得票数 0
1
回答
使用
react
实现页脚,而不是停留在底部
javascript
、
html
、
css
、
reactjs
、
materialize
我只需要一种方法,使页脚
粘性
,并留在底部
的
页面,同时使用反应。 页脚不会停留在页面底部,尽管遵循materialize文档并在我
的
应用程序
中
创建了页眉、主页脚格式。</main> </
React
.Fragment> } 下面是Header
组件
: exportdefault function About() {
浏览 14
提问于2019-06-28
得票数 0
2
回答
基于
react
路由
的
有条件渲染
组件
reactjs
你好,我如何能够根据路由有条件地呈现我
的
组件
?我
的
app.js示例 <Container fluid> <Col lg="2">component={Login} /> </Col> </Co
浏览 0
提问于2019-02-13
得票数 4
回答已采纳
1
回答
不能让Sticky在反应
中
工作
javascript
、
reactjs
我正在尝试使用墨水
的
粘性
js模块来工作。出于某种原因,这并不是。</div> </div>从我
的
react
组件
(当然,并将className更改为类)
中
取出,并且直接在我
的
index.html
中
过了它,
粘性
就能正常工作。我
的
反应
组件
: render(){ var company
浏览 3
提问于2016-06-27
得票数 0
回答已采纳
1
回答
样式在nextjs
中
刷新时更改
javascript
、
css
、
reactjs
、
material-ui
、
next.js
我有一个奇怪
的
问题,我
的
造型不能坚持。我将NavBar
的
高度设置为20vh。我也有一个图像设置为100%
的
宽度。但是,当我刷新页面时,NavBar高度缩小,图像宽度显著增加。我已经粘贴了下面的相关代码,但您也可以在此<code>C0</code> (开发分支)中找到该应用程序
的
存储库。<code>A1</code>如你所见,NavBar绝对不是20vh,图像
的</
浏览 30
提问于2021-06-15
得票数 0
1
回答
Xamarin表单
中
listview
的
粘性
标签(header)
c#
、
xamarin.forms
、
xamarin.ios
、
xamarin.android
、
xamarin.forms.listview
如何在Xamarin
跨
平台
的
listview
中
创建
粘性
头部?我有一个排序
的
对象列表,我想在滚动时创建
粘性
标题。
浏览 19
提问于2019-02-07
得票数 0
回答已采纳
1
回答
如何在功能强大
的
React
组件
中
触发onScroll
javascript
、
reactjs
、
react-functional-component
、
onscroll
、
react-spring
我正在使用
React
Spring Parallax构建
粘性
的
滚动部分,请参阅我
的
演示:https://codesandbox.io/s/parallax-sticky-scroll-2zd58 目前,除了通过单击按钮触发scrollTo()之外,此演示按照我所需
的
方式运行。我想在用户向上或向下滚动时触发scrollTo函数,但是我不知道如何在
react
功能
组件
中
实现onScroll。我在这里研究了以下问题,但它
浏览 73
提问于2020-12-18
得票数 0
2
回答
reactjs
react
-sticky用于固定/粘滞报头不工作
reactjs
我想使用来创建我
的
页眉和页脚
组件
。App.js: render() { <Sticky> );}class SomeContent extends
React
.Componentstyle}>
浏览 0
提问于2016-07-01
得票数 0
3
回答
Material-UI@next (v1.0.0-beta.8)固定表头和表高
reactjs
、
material-ui
Material-UI@v0.xx.x中有表格高度和固定表头
的
道具,但不幸
的
是,它们似乎没有在Material-UI@next
中
实现。使用Material-UI@next可以达到同样
的
效果吗?我尝试切换到v0.19.1并使用该版本重新构建我
的
表
组件
,但这给我留下了一个关于多选()
的
新bug。 对如何解决这两个问题有什么建议吗?
浏览 0
提问于2017-09-06
得票数 8
4
回答
如何根据另一个
组件
的
事件处理程序更新一个
组件
?
javascript
、
html
、
reactjs
、
dom
、
jsx
我
的
index.js文件中有两个
组件
(Header和Sidebar)如下所示import ReactDOM from '
react
-dom'; </Router>我
的<
浏览 1
提问于2018-10-27
得票数 4
回答已采纳
1
回答
如何在
react
原生地图中添加
粘性
组件
?
google-maps
、
react-native
、
react-native-maps
我正在
react
native上实现一个Google Map,我想知道如何在它上面添加一个
粘性
组件
。我用谷歌搜索了一下,但我没有得到任何明确
的
方向。任何帮助都是感恩
的
,伙计们。
浏览 12
提问于2019-03-08
得票数 0
回答已采纳
1
回答
Reactjs App我可以在哪里定义我
的
布局?
reactjs
、
layout
我是ReactJs
的
新手,我不确定应该在哪里以及如何定义
组件
的
布局。具体地说,我希望我
的
SideBar页眉和页脚保持
粘性
,并使用
react
-router-dom,我想在需要
的
时候在适当
的
位置挂载其余
的
组件
(单击侧栏项目)?那么,我是应该一起渲染多个
组件
,还是有另一种方法可以先定义布局,然后在预定义
的
位置渲染
组件
?
浏览 2
提问于2018-10-22
得票数 0
2
回答
在另一个“
粘性
”导航栏
的
正下方有一个“
粘性
”按钮
css
、
reactjs
、
material-ui
我有一个app文件,其中包含我自己
的
自定义appbar和不同
的
页面
组件
: appBar: { const {classes} = this.props; <
React
.Fragment<Page99 show={someCondition} /
浏览 0
提问于2018-10-07
得票数 0
点击加载更多
扫码
添加站长 进交流群
领取专属
10元无门槛券
手把手带您无忧上云
相关
资讯
React中父子组件的交互实例
4TinyShare“网站无障碍”介绍;web前端之Kotlin;在React 16.6中使用组件的懒加载
Snyk发布最新JavaScript框架安全性报告,不少存在XSS漏洞
react diff 原理
2018年,你应该知道的11个React Native组件库
热门
标签
更多标签
活动推荐
运营活动
广告
关闭
领券