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
})
今天的分享就到这里啦,亲测好用的代码哦
喜欢的点个关注叭