uniapp聊天框滚动到底部（简单高效）

需要注意修改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防止不生效，并且会有一个聊天延迟发送出来的效果，比瞬间出来个人感觉会更好一点。

总结

以上是生活随笔为你收集整理的uniapp聊天框滚动到底部（简单高效）的全部内容，希望文章能够帮你解决所遇到的问题。

如果觉得生活随笔网站内容还不错，欢迎将生活随笔推荐给好友。