2010-07-13 69 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());