Javascript 垂直聊天滚动在VueJs中不起作用

我正在VUE JS中使用聊天滚动。我想有消息滚动在页面底部时，每次新的消息来或页面加载。我试图在一个函数中有一个页面滚动代码，它的工作有点令人惊讶

var container = this.$el.querySelector(".messages");
container.scrollTop = container.scrollHeight;

---

它正在工作，但无法完全向下滚动到完全底部。这样，滚动保持在顶部和底部之间的某个位置。当我再次触发此按钮时，需要滚动到完全底部。我想在第一次点击时在底部滚动，而不是两次点击。请帮助我。

您确定您的“容器”在主体或根元素上已装满吗？ 你的代码看起来很好

你最好检查一下： 1移动设备上的URL栏高度问题 2 HTML层次结构及其css 3 html的CSS框模型和默认CSS值

但问题还在后面，如果我是你， 我将添加一个神奇的像素数，它比边距大，就像一个老板

大于scrollTop的文档高度值不会抛出任何错误。但要注意它的累积