滚动到固定导航不会坚持下去

Question

using this guide，我一直试图让这个导航工作，但仍然没有运气。 我尝试使用javascript / css进行摆弄和编辑，这是我目前的代码：

https://codepen.io/seakongrawd/pen/MmerGO

MmerGO

我有一种感觉，问题是由CSS中div的定位引起的。有任何想法吗？ 提前谢谢！

Answer 1

更改您的课程：

.navigation-scroll { position: fixed, width: 100%, top: 0px; }

为：

#navigation.navigation-scroll  { position: fixed, width: 100%, top: 0px; }

一切都会奏效！

它当前不工作的原因是因为#navigation是比.navigation-scroll更具体的选择器。通过创建＃navigation.navigation-scroll的链式选择器，您将声明一个更具体的选择器，它将被显示。