React.js中的粘性侧边栏

问题描述 投票:1回答:1

我尝试了一些软件包以及针对同一问题的jquery解决方案。 (我复制了这个问题是因为它的解释很好)。但是我想在React中使用它。帮助!!!>

粘性侧边栏:向下滚动时停留在底部,向上滚动时则停留在顶部

  1. 侧边栏位于标题下方。

  2. 当您向下滚动边栏时,它与页面内容保持水平,因此您可以同时滚动边栏和内容。

  3. 到达侧边栏的底部,侧边栏粘贴在视口的底部(大多数插件仅允许粘贴在顶部,有些插件允许粘贴在底部,不允许两者都使用。

  4. 到达底部,侧边栏位于页脚上方。

  5. 当您向上滚动时,侧栏与内容保持水平,因此您可以再次滚动浏览内容和侧栏。

  6. 到达侧边栏的顶部,侧边栏粘贴到视口的顶部。

  7. 到达顶部,并且侧边栏位于标题下方。

  8. 这里是原始问题的链接:Sticky sidebar: stick to bottom when scrolling down, top when scrolling up

我尝试了一些软件包以及针对同一问题的jquery解决方案。 (我复制了这个问题是因为它的解释很好)。但是我想在React中使用它。救命!!!粘边条:粘到底部...

javascript reactjs sidebar sticky
1个回答
0
投票

寻找相似的解决方案时,我发现了这个包:https://react-sticky-box.codecks.io

© www.soinside.com 2019 - 2024. All rights reserved.