javascript - React.js中的粘性侧栏

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

粘边栏:向下滚动时固定在底部，向上滚动时固定在顶部

边栏位于标题下。

向下滚动时，侧边栏与页面内容保持水平，以便您可以滚动侧边栏和内容。

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

到达底部，侧边栏位于页脚上方。

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

到达侧栏的顶部，侧栏粘贴到视口(viewport)的顶部。

到达顶部，边栏位于标题下方。

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

最佳答案

我正在寻找相同的东西，并且在测试了一些软件包后发现react-sticky-box
您可以在链接中看到有效的示例。

关于javascript - React.js中的粘性侧栏，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/59342552/