如何知道用戶在網頁中從一個部分移動到另一個部分的時間？

Question

當用戶從一個頁面移動到另一個頁面時，我有一行Javascript側欄，它突出顯示了他們所在的側欄菜單。我有一些鏈接到同一網頁上的內容的菜單項，我希望在用戶向上或向下滾動菜單項時自動更新菜單，這些菜單項與頁面上的部分相關。

有沒有辦法根據我的錨標籤做到這一點？

編輯：

這些錨標籤：

<a name="Section1"></a> 
<a name="Section2"></a> 

Answer 1

什麼你正在談論有時也被稱爲scroll spy

這裏是一個的jsfiddle（由一個未知的SO英雄寫的），顯示了簡化例。

http://jsfiddle.net/mekwall/up4nu/

基本上，您使用$(window).scroll()功能，監視該用戶是在文檔中。

$(window).scroll(function(){ 
    // Get container scroll position 
    var fromTop = $(this).scrollTop()+topMenuHeight; 

    // Get id of current scroll item 
    var cur = scrollItems.map(function(){ 
    if ($(this).offset().top < fromTop) 
     return this; 
    }); 

});