如何在浏览器上获取当前视口的底部位置

Question

我想获取文档可见部分的底部位置，而不是文档的高度。

例如，我的屏幕高度768px则可见部分的高度约为650px，如果滚动高度为200px，则底部位置将围绕850px。我尝试使用$(window).height()，但它返回文档的高度。

Answer 1

要做到这一点，你只需要在window的scrollTop()添加到其height()的scroll()事件处理程序中，像这样：

$(window).scroll(function() { 
    var bottomPos = $(window).scrollTop() + $(window).height() 
    $('.foo').text(bottomPos); 
}).scroll(); 

Example fiddle