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

Question

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

Answer 1

我总是在我的项目中使用“react-sticky-box”。 它是为与纯 js 做出反应而构建的。 下面你可以看到一个你想要的例子。 （另请阅读文档）

安装：

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>
);