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.');
});