如何获得文档的滚动位置？

如何获取文档的滚动位置值？

$(document).height() //returns window height

$(document).scrollTop() //returns scroll position from top of document

这是scrollHeight获取使用jQuery选择器获得的元素的方法：

$(selector)[0].scrollHeight

如果selector是元素的ID（例如elemId），则可以确保数组的0索引项将是您希望选择的元素，并且scrollHeight是正确的。

如果您使用的是Jquery 1.6或更高版本，请使用prop访问该值。

$(document).prop('scrollHeight')

以前的版本用于从attr获取值，但不用于发布1.6。

document.getElementById("elementID").scrollHeight

$("elementID").scrollHeight

它使用HTML DOM元素，但不使用jQuery选择器。可以像这样使用：

var height = document.body.scrollHeight;

这样的事情应该可以解决您的问题：

$.getDocHeight = function(){
     var D = document;
     return Math.max(Math.max(D.body.scrollHeight,    D.documentElement.scrollHeight), Math.max(D.body.offsetHeight, D.documentElement.offsetHeight), Math.max(D.body.clientHeight, D.documentElement.clientHeight));
};

alert( $.getDocHeight() );

附：每次需要时都调用该函数，警报是出于测试目的。

为了获得由窗口滚动条滚动的区域的实际可滚动高度，我使用$('body').prop('scrollHeight')。这似乎是最简单的工作解决方案，但是我还没有广泛检查兼容性。Emanuele Del Grande提到了另一个解决方案，该解决方案可能不适用于低于8的IE。

其他大多数解决方案对于可滚动元素都可以正常工作，但这对整个窗口都适用。值得注意的是，对于Ankit的解决方案，我遇到了与Michael相同的问题，那$(document).prop('scrollHeight')就是returning undefined。

试试这个：

var scrollHeight = $(scrollable)[0] == document ? document.body.scrollHeight : $(scrollable)[0].scrollHeight;

例如，您可以尝试此操作，此代码将所有DIV标签的滚动条置于底部

请记住：jQuery可以接受函数而不是值作为参数。“ this”是jQuery处理的对象，该函数返回当前DIV“ this”的scrollHeight属性，并对文档中的所有DIV执行此操作。

$("div").scrollTop(function(){return this.scrollHeight})