滚动监听

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了滚动监听相关的知识,希望对你有一定的参考价值。

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

用法

依赖 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>

以上是关于滚动监听的主要内容,如果未能解决你的问题,请参考以下文章

带有两个列表片段的可滚动布局

jQuery 平滑滚动片段以不同的速度工作

如何在滚动视图中设置谷歌地图片段

Android使用片段在viewpager中的页面滚动上放置动画

bootstap 滚动监听

如何实现ReactJS 监听页面滚动事件