React.js中的粘边条

Question

对于相同的问题，我尝试了一些包以及jquery解决方案。(我抄袭了这个问题，因为它解释得很好)。但我想让它有反应。救命！

粘性侧边栏:向下滚动时坚持到底部，向上滚动时保持顶部。

1. 侧边栏位于标题下。
2. 当您向下滚动时，侧栏与页面内容保持水平，这样您就可以同时滚动边栏和内容。
3. 到达侧边栏的底部，侧边栏会粘在视口的底部(大多数插件只允许粘贴到顶部，有些插件允许粘贴到底部，但不允许两者兼而有之)。
4. 到达底部，侧边栏位于页脚上方。
5. 当您向上滚动时，侧栏与内容保持水平，这样您就可以再次滚动内容和侧边栏。
6. 到达侧边栏的顶部，侧边栏坚持到视图端口的顶部。
7. 到达顶部，侧边栏位于标题的后面。

以下是原始问题的链接：粘性侧边栏:向下滚动时坚持到底部，向上滚动时保持顶部。

Answer 1

我正在搜索相同的内容，在测试了一些包之后，我找到了反应粘滞箱，您可以在链接中看到工作示例。