頁面位置 - 根據位置填充導航欄

Question

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

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

Answer 1

jQuery的方法： scrollTop的（） - 返回滾動條的當前垂直位置

高度（） - 返回計算高度爲第一個匹配元素

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

所以，你可以使用以下獲得百分比：

（$（窗口）.scrollTop（）+ $（窗口）.height（））/ $（文件）.height（））* 100

Answer 2

修改此答案的代碼：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); 
    }); 
});