Bootstrap 滚动监听插件Scrollspy 的选项
选项
Bootstrap滚动监听插件Scrollspy提供了一个选项 offset,用来调整滚动位置距顶部偏移的像素值,取值为数字,默认值为10。正值表示滚动条向上偏移,负值表示向下偏移。
所有的选项都可以通过 data 属性或JavaScript进行设置。如果使用data属性,则要将选项名称放在 data- 的后面,类似于 data-offset="100"。
如果使用JavaScript代码,直接使用选项名称即可。如:
<script>
$('body').scrollspy({
offset: 100
})
</script>
关于作者
歪脖先生,十五年以上软件开发经验,酷爱Web开发,精通 HTML、CSS、JavaScript、jQuery、JSON、Python、Less、Bootstrap等,著有《HTML宝典》、《揭秘CSS》、《Less简明教程》、《JSON教程》、《Bootstrap2用户指南》、《Bootstrap3实用教程》,并全部在 GitHub 上开源。
Bootstrap 滚动监听插件Scrollspy 的选项相关推荐
- Bootstrap 滚动监听插件Scrollspy 的事件
事件 Bootstrap滚动监听插件Scrollspy提供了一个事件 activate,每当一个新的导航项目被激活时,就会触发该事件,并自动为导航条的相应菜单项添加了一个 .active 类,让它高亮 ...
- Bootstrap 滚动监听插件Scrollspy 的方法
方法 通过 JavaScript 调用滚动监控插件时,如果监听对象的DOM节点有增删元素的操作,则需要调用 .scrollspy('refresh') 方法来更新DOM. <script> ...
- Bootstrap 滚动监听
滚动监听 Bootstrap滚动监听插件Scrollspy能够根据滚动的位置,自动更新导航条中相应的导航项. 滚动监听插件需要 bootstrap-scrollspy.js 文件支持,在使用该插件之前 ...
- Bootstrap3 滚动监听插件的选项
滚动监听插件的选项 Bootstrap为滚动监听插件提供了一个选项 offset,用来调整滚动位置距顶部偏移的像素值,取值为数字,默认值为10.正值表示滚动条向上偏移,负值表示向下偏移. offset ...
- Bootstrap 滚动监听Scrollspy 调用方式
调用方式 1.data属性调用 只需给监听对象定义 data-spy="scroll" 属性及 data-target 属性,就可以激活滚动监听插件. data-target 属性 ...
- Bootstrap3 滚动监听插件的事件
滚动监听插件的事件 Bootstrap为滚动监听插件提供了一个事件 activate.bs.scrollspy,每当一个新的导航项目被激活时,就会触发该事件,并自动为导航条的相应菜单项添加了一个 .a ...
- Bootstrap3 滚动监听插件的方法
滚动监听插件的方法 通过 JavaScript 调用滚动监控插件时,如果监听对象的DOM节点有增删元素的操作,则需要调用 .scrollspy('refresh') 方法来更新DOM. <scr ...
- Bootstrap3 滚动监听插件的调用方式
滚动监听插件的调用方式 无论何种实现方式,滚动监听都需要被监听的组件是position: relative;即相对定位方式.大多数时候是监听<body>元素. 1.data属性调用 只需给 ...
- bootstrap源码之滚动监听组件scrollspy.js详解
其实滚动监听使用的情况还是很多的,比如导航居于右侧,当主题内容滚动某一块的时候,右侧导航对应的要高亮. 实现功能 1.当滚动区域内设置的hashkey距离顶点到有效位置时,就关联设置其导航上的指定项 ...
最新文章
- [原]不祥的CPU——Alpha
- Adobe PhotoShop(PS) for Mac 如何隐藏切片框?
- Html5中的Video元素使用方法
- 大数据总结微信自媒体运营
- IAR集成开发环境的使用
- std::list 源代码解析
- 根据模型顶点坐标计算法线
- PotPlayer优化与最高画质设置(最强本地播放器)
- c#设置mysql超时,C#访问SqlServer设置链接超时的方法
- mysql中为啥只显示一条语句_MySQL 笔记整理(19) --为什么我只查一行的语句,也执行这么慢?...
- vba中find用法
- 康佳如何做“加法”?
- ucore Lab2 物理内存管理
- 网页骨架屏自动生成方案
- opencv-python 实现截取图片中的多边形、圆形区域
- CSS设置阴影样式大全 包含所有样式 有图有代码
- Hibiscus的脑机接口学习周报(2023/1/23~2023/1/29)
- 计算机模拟触摸屏,西门子人机界面(触摸屏HMI)与虚拟仿真应用技术
- mos管的rc吸收电路计算_RC吸收电路
- C# JSON 常用方法 - Json字符串转对象