.scrollTop()一个long overflow-y:滚动div

时间:2012-02-21 19:06:36

标签: html overflow anchor scrollto

我有这些设置的div:

#check_in_history { position: absolute; display: block; top: 70px; right: 0; bottom: 20px; left: 0; overflow-x: hidden; overflow-y: scroll; -webkit-overflow-scrolling: touch; padding: 20px 0 0 0; }

基本上,div的高度取决于浏览器窗口的大小,并在调整大小时发生变化。

该div包含帖子,当用户填充该列表时,它会变得越来越长。

我想设置它,以便每次用户添加帖子时它会自动滚动到该列表的底部。我在该列表的底部有一个带有ID的div,我将该帖子.before()附加到div。

我试过这个功能。它适用于第一个帖子输入,但只要你添加第二个,它就会向上滚动大约25%的列表。:

$("#check_in_history").animate({scrollTop: $('#scroll_target').offset().top}, 1000, 'swing');

id:check_in_history是overflow:scroll div,#scroll_target是该列表底部的div。

我怎样才能使它在每次添加新帖子时始终滚动到列表底部的“target”div?

感谢您的帮助!

0 个答案:

没有答案