我尝试了一些软件包和jquery解决方案来解决同样的问题。（我复制了这个问题，因为它有很好的解释）。但是我希望它在React中。帮助！！！
粘滞边栏：向下滚动时停留在底部，向上滚动时停留在顶部
1.侧栏位于标题下方。
1.向下滚动时，边栏与页面内容保持水平，以便您可以滚动边栏和内容。
1.到达侧边栏的底部，侧边栏会粘在视口的底部（大多数插件只允许粘在顶部，有些允许粘在底部的插件不允许两者）。
1.到达底部，侧边栏位于页脚上方。
1.向上滚动时，边栏与内容保持水平，以便您可以再次滚动内容和边栏。
1.到达侧边栏的顶部，侧边栏将粘在视口的顶部。
1.到达顶部和侧边栏坐在下面的标题。
以下是原始问题的链接：Sticky sidebar: stick to bottom when scrolling down, top when scrolling up