向下滚动页面 300 后使导航栏固定在页面上答案

【问题标题】：Make navbar fixed on page after scrolling down page 300向下滚动页面 300 后使导航栏固定在页面上
【发布时间】：2021-07-30 07:55:05
【问题描述】：

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

我该怎么做？

这是CodeSandbox 链接供您参考。

【问题讨论】：

【解决方案1】：

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

【讨论】：

【解决方案2】：

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

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

【讨论】：

YogeshYadav，很抱歉迟到了。感谢您对更新 CodeSandbox 并将解决方案也放在评论部分提供的帮助，但我不想从一开始就修复标题，即从头到尾，即底部。只有在将页面向下滚动到 300 后才会出现我想要的标题。幸运的是，我使用组件实现了这一点——不仅仅是在 style.scss 中使用纯 css。顺便说一句，再次感谢您的支持。