时间戳

首页 > 解决方案 > 制作固定侧边栏在到达页脚时开始滚动

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

问题描述

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

标签： javascripthtmljquerycssreactjs

解决方案

我总是在我的项目中使用“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>
);

推荐阅读