我正在VUE JS中使用聊天滚动。每当新消息到来或页面加载时，我都希望页面底部滚动消息。我正在尝试在功能中使用页面滚动代码，这一点有点令人惊讶。
var container = this.$el.querySelector(".messages");
container.scrollTop = container.scrollHeight;
它正在工作，但是无法完全向下滚动到整个底部。这样，滚动将保持在顶部和底部之间的某个位置。当我再次触发此时间时，它将滚动到整个底部。我想在第一次单击时滚动底部而不是两次单击。请帮助我。
答案 0 :(得分：1)
您确定您的“容器”已完全填充在主体或根元素上吗？
您的代码看起来还不错...
您最好检查一下：
1）URL栏高度问题（在移动设备上）
2）HTML层次结构及其CSS
3）CSS框模型和html的默认css值。
但是仍然有概率出现，如果我是你，
我将像老板一样添加一个MAGIC PIXEL NUMBER（大于边距）！
scrollTop的值（大于其文档高度）不会引发任何错误。 （但请注意其累积量。）