滚动监听

滚动监听插件是用来根据滚动条所处的位置来自动更新导航项的。如下所示，滚动导航条下面的区域并关注导航项的变化。下拉菜单中的条目也会自动高亮显示。

用法

依赖 Bootstrap 的导航组件

滚动监听插件依赖 Bootstrap 的导航组件用于高亮显示当前激活的链接。

body {
  position: relative;
}

通过 data 属性调用

<body data-spy="scroll" data-target=".navbar-example">
  ...
  <div class="navbar-example">
    <ul class="nav nav-tabs" role="tablist">
      ...
    </ul>
  </div>
  ...
</body>

posted on 2017-06-26 00:03 杨瑞瑞瑞阅读(145) 评论(0) 编辑收藏举报