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