2014-10-03 72 views
0

我知道有很多工具可以像bootstrap中的滾動或正在觀看什麼sectiondiv,並突出顯示鏈接的導航部分,但我知道尋找是略有不同。是否有一個jQuery方法計算頁面上的位置,以便我可以顯示頁面上的位置與整個事件有關?我在jQuery中不夠流暢。頁面位置 - 根據位置填充導航欄

我可以計算頁面的高度,並將它從我在頁面上的位置(當前位置)除以給我一個百分比,以便我可以連續顯示我的位置?有沒有方法可以做到這一點?

回答

1

jQuery的方法: scrollTop的() - 返回滾動條的當前垂直位置

高度() - 返回計算高度爲第一個匹配元素

可能要顯示100%時用戶是在端頁。

所以,你可以使用以下獲得百分比:

($(窗口).scrollTop()+ $(窗口).height())/ $(文件).height())* 100

1

修改此答案的代碼:Cross-Browser Method to Determine Vertical Scroll Percentage in Javascript

您可以這樣做。你可以用任何代碼替換console.log來更新屏幕上的內容。

$(function() { 

    $(window).scroll(function() { 
    var s = $(window).scrollTop(), 
     d = $(document).height(), 
     c = $(window).height(); 
    scrollPercent = (s/(d - c)) * 100; 

    console.log("Current scroll percent: " + scrollPercent); 
    }); 
});