使用scrollTop()滚动时菜单闪烁是由于页面滚动时,菜单元素的位置发生变化,导致菜单元素的样式重新计算和渲染,从而出现闪烁的现象。
为了解决这个问题,可以采取以下几种方法:
在腾讯云的产品中,可以使用腾讯云的Web+服务来部署和管理前端应用,该服务提供了丰富的功能和工具,可以帮助开发者快速搭建和部署前端应用,并提供了高可用性和弹性扩展的能力。具体产品介绍和使用方法可以参考腾讯云Web+的官方文档:腾讯云Web+产品介绍
注意:本答案仅供参考,具体解决方案需要根据实际情况进行调整和优化。
源码文件:
Scrollspy.js
实现功能
1、当滚动区域内设置的hashkey距离顶点到有效位置时,就关联设置其导航上的指定项
2、导航必须是 .nav > li > a 结构,并且a上href或data-target要绑定hashkey
3、菜单上必须有.nav样式
4、滚动区域的data-target与导航父级Id(一定是父级)要一致
领取专属 10元无门槛券
手把手带您无忧上云