vue 设置滚动条的位置

vue 设置滚动条的位置

场景:聊天的时候,消息会一条条的发送,但是呢,获取最新的数据只能手动滚动滚动条,那这个时候就想到微信聊天的时候,永远可以看到最后一条消息。

思路:获取div的高度(因为里面是动态的数据)
然后,讲滚动条滚动到指定位置

代码如下:

var div = document.getElementById('data-list-content')
div.scrollTop = div.scrollHeight


// 如果还是不好用的话,就nextTick一下
this.$nextTick(()=>{
  var div = document.getElementById('data-list-content')
  div.scrollTop = div.scrollHeight
})

今天的分享就到这里啦,亲测好用的代码哦
喜欢的点个关注叭

上一篇:通过JS 给这个input加一个事件 获得焦点,回车事件绑定


下一篇:Vue的异步渲染和 nextTick