滚动条初始显示在最底部
作者:互联网
<div id="scroll">聊天记录数据很多,显示滚动条</div>
//updated生命周期钩子函数可以让弹窗在刚打开时,滚动条就在绑定id的盒子的最底部
updated() {
this.scrollToBottom();
},
methods: {
scrollToBottom() {
const div = document.getElementById('scroll');
div && (div.scrollTop = div.scrollHeight);
},
}
应用场景:主要是用来显示聊天信息,让弹窗一出现就展示到最新的聊天进度
标签:弹窗,updated,scrollToBottom,滚动条,底部,div,初始,聊天 来源: https://www.cnblogs.com/ywdjzxn/p/15504373.html