怎么用用html/css/js实现 导航栏吸顶效果
时间: 2023-06-09 11:06:10 浏览: 194
吸顶导航栏、吸顶导航栏.zip
5星 · 资源好评率100%
可以通过给导航栏添加一个固定的css属性,使其在滚动页面时保持在顶部位置。具体实现为给导航栏的CSS样式中添加如下属性:
```
position: fixed;
top: 0;
left: 0;
width: 100%;
```
可以通过Javascript监听滚动事件,在滚动页面时动态添加或删除这些CSS属性。这样就可以实现导航栏的吸顶效果。
另外,你也可以使用一些现有的JS库来实现导航栏的吸顶效果,比如Bootstrap提供的affix组件。
阅读全文