Vue中滚动条自动拉到最下或者最右显示最新内容

最新推荐文章于 2023-06-13 14:24:42 发布

留丶白

最新推荐文章于 2023-06-13 14:24:42 发布

阅读量1.1k

点赞数

文章标签： vue.js 前端

本文链接：https://blog.csdn.net/weixin_45678513/article/details/120975162

版权

这个方法塞到产生新结构，造成滚动条变长的方法上

ref绑定相对应元素

<div class="roadContent" ref="scrollRef">

自动拉到最右

this.scrollRefTimer = setTimeout(()=>{
  this.$refs.scrollRef[0].scrollLeft = this.$refs.scrollRef[0].scrollWidth;
  // 清理定时器
  clearTimeout(this.scrollRefTimer);
},0);

自动拉到最下

this.scrollRefTimer = setTimeout(()=>{
  this.$refs.scrollRef[0].scrollTop = this.$refs.scrollRef[0].scrollHeight;
  // 清理定时器
  clearTimeout(this.scrollRefTimer);
},0);