在制作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;
})
本文著作权归作者 [ admin ] 享有,未经作者书面授权,禁止转载,封面图片来源于 [ 互联网 ] ,本文仅供个人学习、研究和欣赏使用。如有异议,请联系博主及时处理。