React-waypoint topOffset 示例代码或如何在 reactjs 中使用

【问题标题】：React-waypoint topOffset example code or how to use in reactjsReact-waypoint topOffset 示例代码或如何在 reactjs 中使用
【发布时间】：2020-04-30 22:37:47
【问题描述】：

谁能告诉我或给我发送示例代码，以了解如何在 react-waypoint 中编写 topOffset 的代码。

【问题讨论】：

标签： reactjs sticky scrolltop waypoint

【解决方案1】：

其实很简单，你只需要将它添加为一个道具< Waypoint topOffset="50px" />

例如，如果您的应用有一个 50px 的固定标题，那么您可能需要指定 topOffset='50px'，以便在航点从标题下方滚动到视图中时调用 onEnter 回调。你可以查看文档here

我编写了一个简单的示例，如果您需要它可能会有所帮助

https://codesandbox.io/s/testing-react-waypoint-mhukn?file=/src/App.tsx

【讨论】：

【解决方案2】：

我有一些示例代码可以做到置顶。您可以设置偏移量。

https://codesandbox.io/s/epic-ellis-gtvbl?file=/src/header.jsx

【讨论】：