如何在滚动时将一个类“active”添加到next <div>

时间:2016-04-29 13:17:05

标签: javascript jquery css

我想知道是否有人可以帮助我?

我正在尝试创建一个滑块,如果用户滚动,则会将“active”添加到下一个div,如果它们反转则滚动备份。

像这样:http://alvarotrigo.com/fullPage/

链接到我正在处理的页面:http://bluemoontesting.co.uk/bluemoon2016/vanhan.html

1 个答案:

答案 0 :(得分:0)

w3schools(简单示例)

bootstrap(真实文档)

Get the javascript(仅选择scrollspy)

Bootstrap有一个很好的Scrollspy插件就可以做到这一点。

示例

<!-- scrollable area -->
<body data-spy="scroll" data-target=".navbar" data-offset="50">

<!-- The navbar - The <a> elements are used to jump to a section in the scrollable area -->
<nav class="navbar navbar-inverse navbar-fixed-top">
...
  <ul class="nav navbar-nav">
    <li><a href="#section1">Section 1</a></li>
    ...
</nav>

<!-- Section 1 -->
<div id="section1">
  <h1>Section 1</h1>
  <p>Try to scroll this page and look at the navigation bar while scrolling!</p>
</div>
...

</body>