jquery - jQuery.ScrollTo - 当我滚动到某个锚点时，如何向导航项添加一个类？

Question

我有一个使用 jQuery.ScrollTo 的单页网站，其布局如下：

<ul>
<li><a href="#section1" id="item01">Menu Item 1</a></li>
<li><a href="#section2" id="item02">Menu Item 2</a></li>
<li><a href="#section3" id="item03">Menu Item 3</a></li>
<li><a href="#section4" id="item04">Menu Item 4</a></li>
</ul>

<div id="section1">
...content...
</div>
<div id="section2">
...content...
</div>
<div id="section3">
...content...
</div>
<div id="section4">
...content...
</div>

我想要达到的行为是，当我滚动到某个 div 而不单击菜单中的链接时，与该 div 相关的锚的类要更改。

这可以使用 jQuery.scrollTo 脚本吗？

Answer 1

我不相信scrollTo有内置的。但是另一个名为Waypoints的插件会给你这个功能。

它最终看起来像这样：

$('.thing').waypoint(function(direction) {
  alert('Top of thing hit top of viewport.');
});