我有这些设置的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?
感谢您的帮助!