javascript - React.js 中的粘性侧边栏

Question

我为同一个问题尝试了一些软件包以及 jquery 解决方案。（我复制了这个问题，因为它的解释很好）。但我想要它在 React 中。帮助！！！

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

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

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

3. 到达侧边栏的底部，侧边栏粘在视口的底部（大多数插件只允许粘在顶部，一些允许粘在底部的插件不允许两者都允许）。

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

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

6. 到达侧边栏的顶部，侧边栏粘在视口的顶部。

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

这是原始问题的链接：粘性侧边栏：向下滚动时粘在底部，向上滚动时粘在顶部

标签： javascriptreactjssidebarsticky

Answer 1

我正在寻找相同的东西，在测试了一些包后我发现react-sticky-box 你可以在链接中看到工作示例。