2013-02-17 74 views
14

所以我有一個頁面,裏面有一個文字填滿的聊天式div。它有一個固定的高度和寬度(由CSS定義)。jQuery即使在更新後也滾動到Div的底部?

我需要在每次更新滾動至底部,這裏是到目前爲止,我已經使用了JS:

$("#div1").animate({ scrollTop: $('#div1').height()}, 1000); 

它的工作原理了一會兒,然後突然停止......我想可能有一些與我的設定高度的div?我不確定。

所以我能做些什麼來保證下股利滾動至底部的它的內容(內容是使用jQuery的/ AJAX功能更新)

提前感謝!

編輯:我也試着$("#div1").animate({ scrollTop: $('#div1').height()}, 0);,但它仍然停在某個點滾動...

回答

37

您是否嘗試過與.scrollHeight

$("#div1").animate({ scrollTop: $("#div1")[0].scrollHeight}, 1000); 

scollHeight documentation at MDN

+0

的感謝!簡單而有效! – user115422 2013-02-17 07:34:44

+0

很高興幫助你。 – Jai 2013-02-17 07:35:07

+6

不應該是: $(「#div1」)。animate({scrollTop:$(「#div1」)[0] .scrollHeight},1000); – peteski 2013-04-02 13:46:10