2010-07-13 123 views
15

我有一个div高度:100px和溢出:自动 内容是动态的。为溢出的div获取高度:auto;

我想滚动底部

在div我试图与

$("#chat_content").scrollTop($("#chat_content").height()); 

但如果含量大于100像素 $( “#chat_content”)。高度()返回100, div不滚动底部

我该怎么办?

感谢

+0

可能是s ame问题 - http://stackoverflow.com/questions/2522579/how-do-i-get-the-real-height-of-a-overflow-hidden-or-overflow-scroll-div – 2010-07-13 09:07:23

+0

请参阅[http: //stackoverflow.com/questions/2530829/auto-scroll-to-bottom-when-overflow-auto](http://stackoverflow.com/questions/2530829/auto-scroll-to-bottom-when-overflow-auto ) – Castrohenge 2010-07-13 09:10:37

回答

29

从底层的DOM元素获取scrollHeight属性:

$("#chat_content").scrollTop($("#chat_content").get(0).scrollHeight); 
+10

+1对于scrollHeight! :)附注:使用'$()[0]'比'$()。get(0)'快 – 2012-05-03 19:43:47

6

尝试$("#chat_content").scrollTop($("#chat_content").get(0).scrollHeight);

0

另一种方法是只是包装内部的内容在一个div,然后就改变你的“ .height“致电

$("#chat_content").scrollTop($("#chat_content div").height());