blocks|key|1180034|text|$(document).height()+//returns+window+height

$(document).scrollTop()+//returns+scroll+position+from+top+of+document|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|1180035|unstyled|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|G|8|@]|9|@]|A|$B|C]]|$1|D|3|-4|5|E|7|H|8|@]|9|@]|A|$]]]|F|$]]

<pre><code>$(document).height() //returns window height

$(document).scrollTop() //returns scroll position from top of document
</code></pre>

blocks|key|965931|text|下面是如何使用jQuery选择器获取元素的scrollHeight：|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|965932|$(selector)[0].scrollHeight|code-block|syntax|javascript|965933|如果selector是元素的id+(例如elemId)，则可以保证数组的0索引项将是您希望选择的元素，并且scrollHeight将是正确的。|965934|entityMap^0|L|C|0|0|2|8|K|6|1H|C|0^^$0|@$1|2|3|4|5|6|7|O|8|@$9|P|A|Q|B|C]]|D|@]|E|$]]|$1|F|3|G|5|H|7|R|8|@]|D|@]|E|$I|J]]|$1|K|3|L|5|6|7|S|8|@$9|T|A|U|B|C]|$9|V|A|W|B|C]|$9|X|A|Y|B|C]]|D|@]|E|$]]|$1|M|3|-4|5|6|7|Z|8|@]|D|@]|E|$]]]|N|$]]

Here's how to get the <code>scrollHeight</code> of an element obtained using a jQuery selector:

<pre><code>$(selector)[0].scrollHeight
</code></pre>

If <code>selector</code> is the id of the element (e.g. <code>elemId</code>), it is guaranteed that the 0-indexed item of the array will be the element you wish to select, and <code>scrollHeight</code> will be correct.

blocks|key|1180227|text|如果您使用的是Jquery+1.6或更高版本，请使用prop访问该值。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1180228|$(document).prop('scrollHeight')|code-block|syntax|javascript|1180229|以前的版本用于从attr获取值，而不是post+1.6。|1180230|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|K|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|L|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|M|8|@]|9|@]|A|$]]|$1|I|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|J|$]]

If you are using Jquery 1.6 or above, use prop to access the value.

<pre><code>$(document).prop('scrollHeight')
</code></pre>

Previous versions used to get the value from attr but not post 1.6.

blocks|key|965843|text|document.getElementById("elementID").scrollHeight

$("elementID").scrollHeight|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|965844|unstyled|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|G|8|@]|9|@]|A|$B|C]]|$1|D|3|-4|5|E|7|H|8|@]|9|@]|A|$]]]|F|$]]

<pre><code>document.getElementById("elementID").scrollHeight

$("elementID").scrollHeight
</code></pre>

blocks|key|966101|text|它使用HTML+DOM元素，但不使用jQuery选择器。它的用法如下：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|966102|var+height+=+document.body.scrollHeight;|code-block|syntax|javascript|966103|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

It uses HTML DOM Elements, but not jQuery selector.
It can be used like:

<pre><code>var height = document.body.scrollHeight;
</code></pre>

blocks|key|965836|text|像这样的东西应该可以解决你的问题：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|965837|$.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()+);|code-block|syntax|javascript|965838|Ps:每次你需要的时候都会调用这个函数，警报是为了测试的目的。|965839|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|K|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|L|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|M|8|@]|9|@]|A|$]]|$1|I|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|J|$]]

Something like this should solve your problem:

<pre><code>$.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() );
</code></pre>

Ps: Call that function every time you need it, the alert is for testing purposes..

blocks|key|1180313|text|为了获得窗口滚动条所滚动区域的实际可滚动高度，我使用了$('body').prop('scrollHeight')。这似乎是最简单的工作解决方案，但我没有广泛地检查兼容性。Emanuele+Del+Grande在另一个解决方案中指出，这可能不适用于低于8的IE。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|1180314|大多数其他解决方案都适用于可滚动元素，但这适用于整个窗口。值得注意的是，对于Ankit的解决方案，我遇到了与Michael相同的问题，即$(document).prop('scrollHeight')返回undefined。|1180315|entityMap^0|R|U|0|1W|W|2U|9|0^^$0|@$1|2|3|4|5|6|7|J|8|@$9|K|A|L|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|M|8|@$9|N|A|O|B|C]|$9|P|A|Q|B|C]]|D|@]|E|$]]|$1|H|3|-4|5|6|7|R|8|@]|D|@]|E|$]]]|I|$]]

To get the actual scrollable height of the areas scrolled by the window scrollbar, I used <code>$('body').prop('scrollHeight')</code>. This seems to be the simplest working solution, but I haven't checked extensively for compatibility. Emanuele Del Grande notes on another solution that this probably won't work for IE below 8.

Most of the other solutions work fine for scrollable elements, but this works for the whole window. Notably, I had the same issue as Michael for Ankit's solution, namely, that <code>$(document).prop('scrollHeight')</code> is returning <code>undefined</code>.

blocks|key|1180382|text|试试这个：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1180383|var+scrollHeight+=+$(scrollable)[0]+==+document+?+document.body.scrollHeight+:+$(scrollable)[0].scrollHeight;|code-block|syntax|javascript|1180384|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

Try this:

<pre><code>var scrollHeight = $(scrollable)[0] == document ? document.body.scrollHeight : $(scrollable)[0].scrollHeight;
</code></pre>

blocks|key|1180434|text|您可以尝试这样做，例如，此代码将滚动条放在所有DIV标记的底部|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1180435|记住:+jQuery可以接受一个函数而不是值作为参数。"this“是jQuery处理的对象，该函数返回当前DIV的scrollHeight属性"this”，并对文档中的所有DIV执行此操作。|1180436|$("div").scrollTop(function(){return+this.scrollHeight})|code-block|syntax|javascript|1180437|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|K|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|L|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|M|8|@]|9|@]|A|$G|H]]|$1|I|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|J|$]]

You can try this for example, this code put the scrollbar at the bottom for all DIV tags

Remember: jQuery can accept a function instead the value as argument.
"this" is the object treated by jQuery, the function returns the scrollHeight property of the current DIV "this" and do it for all DIV in the document.

<pre><code>$("div").scrollTop(function(){return this.scrollHeight})
</code></pre>

How to get the scroll position value of a document?

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

回答 9

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

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

回答 9

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

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