向下滚动第 300 页后将导航栏固定在页面上

如何解决向下滚动第 300 页后将导航栏固定在页面上

在我的页面上，我在顶部有一个导航栏。我想得到的是我写下来：

1. 正如我最初所说，我在顶部有一个导航栏（这很好，没问题。
2. 当我开始向下滚动页面时，页面内容开始向上移动，这又正常了。
3. 现在，当我将页面向下滚动到 300 时，导航栏应该固定在页面顶部 300。

我该怎么做？

这里有 CodeSandbox 链接供您参考。

解决方法

有很多方法可以做到这一点，这些库可以帮助您：

• waypoints
• skrollr

,

您可以在不使用任何第三方库的情况下修复页面顶部的导航栏。只需在您的 CSS 中添加此 index.css。

 .header{
  top: 0;
  width: 100%;
  position: fixed;
  z-index: 999;
}