页面位置 - 根据位置填充导航栏

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