【Vue】vue中better-scroll 滚动到底部的问题

Z时代
2024-01-10
分类：技术分享

vue better-scroll 加载新的消息时，滚到到底端的异常现象。（怀疑是浏览器重绘的问题）
let disY=60; 这样写就正常滚动
let disY=el[el.length-1].clientHeight; 这样写滚动就很异常。详情见下图。

    RequestAxios(comment,function(){
//从服务器加载刚刚发送的消息
_this._intervalLoad(function(){
_this.$nextTick(()=>{
let el=_this.$refs.recordWrap.childNodes;
//let disY=60; 这样写滚动正常
//这样写就滚动不正常（每次从头开始滚，很不好的体验）
let disY=el[el.length-1].clientHeight;
if(el){
_this.chatScroll.scrollBy(0, _this.lastScrollY-disY,500);
setTimeout(()=>{
_this.lastScrollY= _this.chatScroll.y;
},50);
}
});
});
});},