semantic-ui – 在语义UI(React)中创建一个粘性条.滚动时页面跳
发布时间：2020-12-15 05:06:21 所属栏目：百科 来源：网络整理
导读：我正在使用语义中的组件来创建顶级菜单breadcrumb标头.出于某种原因,当尝试从最顶部位置滚动时,滚动条会“跳跃” 沙盒https://codesandbox.io/s/y7k3zn5qn1 我没有为粘性组件提供上下文道具.在examples中,他们总是提供封闭div的React DOM引用作为Sticky组件
|
我正在使用语义中的组件来创建顶级菜单breadcrumb标头.出于某种原因,当尝试从最顶部位置滚动时,滚动条会“跳跃”
沙盒https://codesandbox.io/s/y7k3zn5qn1 我没有为粘性组件提供上下文道具.在examples中,他们总是提供封闭div的React DOM引用作为Sticky组件的上下文prop.文档不清楚上下文道具的用途. (它说“粘性元素应该坚持的上下文”) 我是否需要为粘性组件提供上下文支持以停止“跳转”滚动？如果是这样,我如何决定哪个封闭div ref作为上下文道具？
我使用Rails组件来包装Sticky组件并将填充/边距偏移应用于兄弟.
轨道使粘性行为像叠加而不是父div的一部分.只需要将自定义css添加到轨道以覆盖默认行为. 上下文ref允许粘贴在该元素的上下文中. 对代码沙箱Sticky Menu Example进行了一些更改 （编辑：李大同） 【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容! |