需要注意修改class .cu-chat 为你的页面聊天框外层class,需要在控制台审查元素有高度。
代码:
this.$nextTick(function() {
setTimeout(()=>{
uni.createSelectorQuery().select('.cu-chat').boundingClientRect((res)=>{
uni.pageScrollTo({
scrollTop: res.height,
duration: 200
})
}).exec()
},50)
});
this.$nextTick(function() {
setTimeout(()=>{
uni.createSelectorQuery().select('.cu-chat').boundingClientRect((res)=>{
uni.pageScrollTo({
scrollTop: res.height,
duration: 200
})
}).exec()
},50)
});
ps:
1.使用this.$nextTick方法来延迟获取高度。
2.使用setTimeout防止不生效,并且会有一个聊天延迟发送出来的效果,比瞬间出来个人感觉会更好一点。