2013-02-17 81 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