滚动到div底部?

我正在使用Ajax请求创建聊天，我试图让消息div滚动到底部没有太多运气。

我将所有内容都包装在这个div中:

#scroll {
    height:400px;
    overflow:scroll;
}

是否有一种方法来保持它滚动到底部默认使用JS?

有办法保持它滚动到ajax请求后的底部吗?

当前回答

Java脚本:

getElementById(‘messages)文件。scrollIntoView(虚假);

滚动到当前内容的最后一行。

其他回答

我知道这是一个老问题，但这些解决方案对我都不起作用。我最终使用offset()。顶部得到想要的结果。以下是我在聊天应用程序中轻轻向下滚动屏幕到最后一条消息的方法:

$("#html, body").stop().animate({
     scrollTop: $("#last-message").offset().top
}, 2000);

我希望这能帮助到其他人。

有时候最简单的就是最好的解决方案: 我不知道这是否有帮助，它帮助我在我想要的时候滚动它。“y=”越高，滚动越向下，当然“0”表示顶部，例如“1000”可能是底部，“2000”或“3000”等等，这取决于你的页面有多长。这通常在onclick或onmouseover按钮中起作用。

window.scrollTo(x=0,y=150);

使用jQuery动画:

$('#DebugContainer').stop().animate({
  scrollTop: $('#DebugContainer')[0].scrollHeight
}, 800);

如果你不想依赖scrollHeight，下面的代码可以帮助你:

$('#scroll').scrollTop(1000000);

滚动到div内的最后一个元素:

myDiv.scrollTop = myDiv.lastChild.offsetTop

推荐文章