Bootstrap 滚动监听Scrollspy 调用方式
2018-03-13 10:33
363 查看
调用方式
1、data属性调用只需给监听对象定义 data-spy="scroll" 属性及 data-target 属性,就可以激活滚动监听插件。data-target 属性的值是一个选择器,它指向拥有滚动监听功能的页面元素。本实例中,拥有滚动监听功能的页面元素为 id="navbarExample" 的导航包含框。则监听对象的 data 属性定义如下:<div data-spy="scroll" data-target="#navbarExample">
<h4 id="fat">@fat</h4>
<p>Ad leggings keytar, brunch id art ...</p>
<h4 id="mdo">@mdo</h4>
<p>Veniam marfa mustache ...</p>
...
</div>
2、JavaScript调用直接为拥有滚动监听功能的页面元素绑定 scrollspy() 方法即可:
<script>
$('#navbarExample').scrollspy()
</script>版权声明:本文出自 歪脖网 的《Bootstrap教程》,欢迎在线阅读,并提出宝贵意见。
b(147, 161, 161);">)
相关文章推荐
- bootstrap学习32---滚动监听scrollspy.js
- 滚动监听,bootstrap头文件引用方式
- Bootstrap插件(二)——滚动监听(scrollspy.js)
- Bootstrap滚动监听(Scrollspy)插件详解
- bootstrap滚动监听插件Scrollspy横向和纵向实例对比
- 学习Bootstrap滚动监听 附调用方法
- Bootstrap的js插件之滚动监听(scrollspy)
- Bootstrap 滚动监听(Scrollspy)插件
- 全面解析Bootstrap中scrollspy(滚动监听)的使用方法
- 响应式前端框架Bootstrap系列(17)滚动监听(Scrollspy)插件
- Bootstrap 滚动监听插件Scrollspy 的选项
- Bootstrap 滚动监听插件Scrollspy 的方法
- Bootstrap滚动监听组件scrollspy.js使用方法详解
- Bootstrap滚动监听(Scrollspy)插件
- Bootstrap 滚动监听插件Scrollspy 的事件
- 滚动监听: bootstrap 的scrollspy
- Bootstrap 滚动监听(Scrollspy)
- Bootstrap 下拉菜单和滚动监听(Scrollspy)插件
- Bootstrap基础17——滚动监听scrollspy