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

Question

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

Answer 1

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

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

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

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

Answer 2

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

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