其他分享
首页 > 其他分享> > 滚动条初始显示在最底部

滚动条初始显示在最底部

作者:互联网

<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