固定侧边栏在到达页脚时开始滚动

Question

我必须制作一个固定的侧边栏，当它到达 React.js 中的页脚时它开始向上滚动， 我想在不使用 jquery 的情况下使用纯 javascript 和 CSS。请给我一些建议或通过一些代码帮助。

Answer 1

我总是在我的项目中使用“react-sticky-box”。它是为与纯 js 反应而构建的。波纹管你可以看到你想要的例子。 （另请阅读documentation）

安装：

npm install react-sticky-box

示例：

import React from "react";
import StickyBox from "react-sticky-box";
const Page = () => (
  <div className="row">
    <StickyBox offsetTop={20} offsetBottom={20}>
      <div>Sidebar</div>
    </StickyBox>
    <div>Content</div>
  </div>
);