css：浮动导航栏，触摸顶部时修复

Question

我正在寻找实现这一目标的方法：

正常放入页面的导航栏，当我滚动时它会触及顶部，它会修复它。

你可以采取另一种方式：它就像一个固定的导航栏，最初没有放在顶部。

这就像this question这个家伙正在使用js，但我想要一个更简单的解决方案。

我正在使用bootstrap，是否可以使用纯css来执行此操作？

Answer 1

如果您使用的是bootstrap，为什么不只是内置的"Affix"组件？

更准确地回答你的问题，不，没有办法单独用CSS做这件事。原因是CSS无法监控滚动位置。使用javascript就像添加一个监听器来滚动窗口的位置一样简单，并且当它变为“x”像素时切换具有固定位置的类。