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

Question

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

Answer 1

我总是使用" react-sticky-box ";在我的项目中。它是用纯js为react构建的。下面你可以看到一个你想要的例子。(同时阅读文档)

安装:

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