协慌网

登录 贡献 社区

滚动到 div 的底部?

我正在使用 Rails 中的 Ajax 请求创建聊天,并且试图使 div 滚动到底部没有太多运气。

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

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

有没有一种方法可以使用 JS 将其默认滚动到底部?

有没有一种方法可以在 ajax 请求后将其滚动到底部?

答案

这是我在网站上使用的内容:

var objDiv = document.getElementById("your_div");
objDiv.scrollTop = objDiv.scrollHeight;

如果您使用的是jQuery scrollTop,这会容易得多:

$("#mydiv").scrollTop($("#mydiv")[0].scrollHeight);

使用jQuery 动画

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