Bootstrap 滚动监听(Scrollspy)插件

Bootstrap 滚动监听(Scrollspy)插件

ID:44713591

大小:45.00 KB

页数:9页

时间:2019-10-25

Bootstrap 滚动监听(Scrollspy)插件_第1页
Bootstrap 滚动监听(Scrollspy)插件_第2页
Bootstrap 滚动监听(Scrollspy)插件_第3页
Bootstrap 滚动监听(Scrollspy)插件_第4页
Bootstrap 滚动监听(Scrollspy)插件_第5页
资源描述:

《Bootstrap 滚动监听(Scrollspy)插件》由会员上传分享,免费在线阅读,更多相关内容在行业资料-天天文库

1、Bootstrap滚动监听(Scrollspy)插件滚动监听(Scrollspy)插件,即自动更新导航插件,会根据滚动条的位置自动更新对应的导航目标。其基本的实现是随着您的滚动,基于滚动条的位置向导航栏添加.activeclass。如果您想要单独引用该插件的功能,那么您需要引用scrollspy.js。或者,正如Bootstrap插件概览一章中所提到,您可以引用bootstrap.js或压缩版的bootstrap.min.js。用法您可以向顶部导航添加滚动监听行为:通过data属性:向您想要监听的元素(通常是body)添加d

2、ata-spy="scroll"。然后添加带有Bootstrap.nav组件的父元素的ID或class的属性data-target。为了它能正常工作,您必须确保页面主体中有匹配您所要监听链接的ID的元素存在。......

...通过JavaScript:您可以通过JavaScript调用滚动

3、监听,选取要监听的元素,然后调用.scrollspy()函数:$('body').scrollspy({target:'.navbar-example'})实例下面的实例演示了通过data属性使用滚动监听(Scrollspy)插件:Bootstrap实例-滚动监听(Scrollspy)插件

4、ts/jquery.min.js">

5、ata-target=".bs-js-navbar-scrollspy">切换导航教程名称

6、y">

  • iOS
  • SVN
  • Java

    7、rDrop1">

  • jmeter
  • ejb
  • spring
  • 8、style="height:200px;overflow:auto;position:relative;">iOS

    iOS是一个由苹果公司开发和发布的手机操作系统。最初是于2007年首次发布iPhone、iPodTouch和AppleTV。iOS派生自

    当前文档最多预览五页,下载文档查看全文
    侵权申诉

    此文档下载收益归作者所有

    当前文档最多预览五页,下载文档查看全文
    温馨提示:
    1. 部分包含数学公式或PPT动画的文件,查看预览时可能会显示错乱或异常,文件下载后无此问题,请放心下载。
    2. 本文档由用户上传,版权归属用户,天天文库负责整理代发布。如果您对本文档版权有争议请及时联系客服。
    3. 下载前请仔细阅读文档内容,确认文档内容符合您的需求后进行下载,若出现内容与标题不符可向本站投诉处理。
    4. 下载文档时可能由于网络波动等原因无法下载或下载错误,付费完成后未能成功下载的用户请联系客服处理。
    相关标签