scroll-view 聊天记录顶部下拉加载并停留在原先位置

最新推荐文章于 2024-07-25 08:49:08 发布

小橘碎碎记

最新推荐文章于 2024-07-25 08:49:08 发布

阅读量271

点赞数 8

文章标签： vue.js 前端 javascript

本文链接：https://blog.csdn.net/weixin_56372270/article/details/140259818

版权

scroll-view 聊天记录顶部下拉加载并停留在原先位置，但是会闪动一下，目前还没有解决
转载点击此处跳转

<scroll-view   scroll-y="true" :scroll-top="scrolTop" @scroll="scroll" @scrolltoupper="loadingMore" >

data() {
	return {
		loadMessage：‘’，
		message:[],
		scrolTop:0,
		old:{
			scrolTop:0,
		},
		oldheight:0,//标签位置
		newheight:0 //新窗口高度
		}
}

scroll: function(e) {  
	let newH = e.detail.scrollHeight
	if(this.newheight==0){
		this.newheight = newH 
	}else if(this.newheight!=newH){
		this.oldheight = newH-this.newheight
		this.newheight = newH 
		console.log(this.newheight,this.oldheight)
	}
	 
	this.old.scrolTop = e.detail.scrollTop 
}

loadingMore(){
	let that = this
	that.loadMessage='加载中' 
	uni.request({
		 url：‘’
		success(res){ 
				 if(res.data.data.length==0){
				 	that.loadMessage='没有更多了'
				 }else{
				 	let list = res.data.data 
				 	list.forEach(item=>{
				 		that.messages.push(item);
				 	})   
				 	that.loadMessage='查看更多消息'
			 		that.scrolTop = that.old.scrolTop
			 		that.$nextTick(function() {
			 			that.scrolTop = that.oldheight
			 		}); 
				}  
		} 
	})  
}