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

Question

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

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

侧边栏位于标题下方。

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

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

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

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

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

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

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

Answer 1

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