uniapp将聊天页面定位始终定位到最底部展示
在制作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;
})