我想知道是否有人可以帮助我?
我正在尝试创建一个滑块,如果用户滚动,则会将“active”添加到下一个div,如果它们反转则滚动备份。
像这样:http://alvarotrigo.com/fullPage/
链接到我正在处理的页面:http://bluemoontesting.co.uk/bluemoon2016/vanhan.html
答案 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>