粘性导航在缓慢滚动时显示其背后的内容
sticky nav reveals content behind it while scrolling slowly
我做了一个 fiddle 来演示这种行为：
https://jsfiddle.net/fatmh6oc/
我想要的结果是页面顶部的导航栏即使在滚动时也能固定在那里。我假设使用 position: sticky; top: 0; 可以实现这一点。它主要是这样，但是当您缓慢向下滚动时，这里的视觉效果看起来很糟糕。即使我在我的项目中使用 CSS 重置来确保默认边距设置为 0，我仍然可以在导航栏 上方看到一小部分其他内容，即使top: 0!
我是不是执行错了，或者是否有更好的方法没有这种副作用？
也许你可以尝试 position: fixed 和 z-index:2
我做了一个 fiddle 来演示这种行为： https://jsfiddle.net/fatmh6oc/
我想要的结果是页面顶部的导航栏即使在滚动时也能固定在那里。我假设使用 position: sticky; top: 0; 可以实现这一点。它主要是这样，但是当您缓慢向下滚动时，这里的视觉效果看起来很糟糕。即使我在我的项目中使用 CSS 重置来确保默认边距设置为 0，我仍然可以在导航栏 上方看到一小部分其他内容，即使top: 0!
我是不是执行错了，或者是否有更好的方法没有这种副作用？
也许你可以尝试 position: fixed 和 z-index:2