Bootstrap是一个流行的前端开发框架,它提供了一套用于构建响应式、移动优先的网站和应用程序的工具和组件。Bootstrap的目标是使开发人员能够快速、简单地创建具有一致性和美观外观的网页。
结合使用scrollspy和sticky top是Bootstrap中的两个功能,它们可以帮助开发人员实现页面滚动时的导航栏自动高亮和固定在页面顶部的效果。
综上所述,Bootstrap是一个前端开发框架,结合使用scrollspy和sticky top可以实现页面滚动时导航栏自动高亮和固定在页面顶部的效果。腾讯云CDN和腾讯云CVM是推荐的相关产品,分别用于加速网站访问速度和提供可靠的云计算基础设施。
先放个图看看滑动固顶是啥效果:
image.png
中间那个 tab 条,平常的时候是固定的,等到页面滑上去的时候,又像 fixed 一样贴在顶部。 position: sticky 就是用来实现这个效果的,元素不脱离文档流,仍然保留高度,所以这个属性真是人畜无害啊,而且效果如丝般润滑,堪比原生。
事实上,很多看起来人畜无害的东西,其背后都有一个大坑。
我们的 html 结构是这样的:
<body ontouchstart="">
领取专属 10元无门槛券
手把手带您无忧上云