在制作IM即时通讯的时候,常常因为发出的消息不能定位到最底部,对于新手来说比较烦恼,复制下面这段代码就能实现聊天始终定位在最底部
this.$nextTick(() => {
// document.getElementById("scrolldIV2").scrollIntoView(); //h5端定位到指定位置
setTimeout(() => {
uni.createSelectorQuery().select(".cu-chat").boundingClientRect(function(res) { //定位到你要的class的位置
console.log("标签获取====>", res)
uni.pageScrollTo({
scrollTop: res.height,
duration: 0
});
}).exec()
}, 50)
//this.viewIndex = "im_" + this.ChatList.length;
})
本文介绍了一段JavaScript代码,帮助即时通讯应用新手解决消息发送后无法自动滚动到底部的问题,通过`uni-pageScrollTo`实现快速定位到聊天区。
1万+





