javascript - 如何让我的溢出div始终滚动到底部？

Question

我用过

$('.chatroom-upper-container').scrollTop($('.chatroom-upper-container')[0].scrollHeight);

只有当我发送新消息时，滚动才会更新到底部，但是当加载页面时，div 滚动将始终向下滚动怎么办？

https://jsfiddle.net/729jz8me/

JsFiddle 一切正常

但是在我的页面中，加载页面时滚动不会转到底部 这是我的页面

当我发送新消息时，滚动条会向下滚动，那么如何使页面加载后滚动条会滚动到底部？

编辑 也许我没有把问题说得很清楚。所以我想要的是当我打开页面时滚动将位于底部。 现在，当我发送新消息时，我可以转到页面底部，但是当我关闭它再次重新打开时，页面滚动将再次位于顶部。我不知道为什么我的代码不能在页面上工作，只能在 JsFiddle 中工作

Answer 1

您可以尝试以下 jQuery 代码吗:-

$(document).ready(function(){
   setTimeout(function(){
      $('.chatroom-upper-container').scrollTop($('.chatroom-upper-container')[0].scrollHeight);
   }, 500);
});

它可能对你有帮助。