ScrollSpy插件根据滚动的位置自动更新导航条中相应的导航项
可以使用源文件：Scrollspy.js，也可以直接使用引入bootstrap.min.js
实现功能
1、当滚动区域内设置的hashkey距离顶点到有效位置时，就关联设置其导航上的指定项
2、导航必须是 .nav > li > a 结构，并且a上href或data-target要绑定hashkey
3、菜单上必须有.nav样式
4、滚动区域的data-target与导航父级Id（一定是父级）要一致
guangzhou
Recent posts:
- 31 Dec 2024 »
js计算元素是否在可视区以及控制滚动条的滑动 - 28 Dec 2024 »
使用scrollspy要注意的几个地方 - 13 Dec 2024 »
js操作嵌套JSON对象 - 10 Dec 2024 »
jquery修改带有!important的样式属性 - 09 Dec 2024 »
实时获取editormd编辑器的字符数和行数并进行统计 - 23 Apr 2024 »
css3 实现鼠标放到一个div上显示出另一个隐藏的div - 18 Mar 2024 »
一种基于thinkphp内置标签的页面自适应的实现方法 - 14 Nov 2022 »
tp6中使用助手函数config相比tp5的调整 - 06 Oct 2022 »
thinkphp使用volist索引输出一维数组 - 05 Oct 2022 »
thinkphp实现搜索关键字前端高亮显示 - 26 Feb 2021 »
复制文本加上版权信息功能的实现 - 26 Feb 2021 »
基于thinkphp的下拉加载更多功能的实现 - 27 Jan 2021 »
window.location获取URL中各部分 - 04 Jan 2021 »
js接收thinkphp传递的参数 - 03 Jan 2021 »
img标签src引用网络图片，页面不显示，返回403错误 - 31 Dec 2020 »
clipboard.js实现复制链接功能 - 22 Dec 2020 »
点击显示隐藏的DIV，点击DIV外面隐藏DIV - 18 Dec 2020 »
jquery操作select总结 - 14 Dec 2020 »
js监听input输入框值的实时变化 - 07 Dec 2020 »
a标签嵌套解决方案
About
RSS
Comments