【发布时间】：2021-11-22 18:18:28
【问题描述】：
我做了一个小提琴来演示这种行为： https://jsfiddle.net/fatmh6oc/
我想要的结果是页面顶部的导航栏即使在滚动时也会粘在那里。我认为使用position: sticky; top: 0; 可以实现这一点。大多数情况下确实如此，但是当您慢慢向下滚动时，这里的视觉效果看起来很糟糕。即使我在我的项目中使用 CSS 重置来确保默认边距设置为 0，我仍然可以看到导航栏 上方 的其他内容，即使 top: 0! p>
我是不是执行错了，或者有没有更好的方法没有这种副作用？
【问题讨论】：