uniapp + vue 实现滚动条一直在元素的最底部

    查了好多资料,花了近一天时间,才弄明白 uniapp + vue 如何实现滚动条一直在元素的最底部

废话不多少,直接上上代码:
使用 scroll-view 配合uni.createSelectorQuery() 以及boundingClientRect()即可实现;

		
					
						
							
								
							
							
								
								
								
							
														

						
							
								
							
							
								
								
								
							
							
					
					
				

export default {

	mounted(){
		uni.createSelectorQuery().select("#gundong").boundingClientRect((res)=>{
			this.oldbottom = res.bottom  // 记录 滚动 元素的 bottom 值
		}).exec();
	},
	updated(){
			uni.createSelectorQuery().select("#gundong").boundingClientRect((res)=>{
			// console.log(res)
			var newbottom = res.bottom
			if(Number(newbottom) > Number(this.oldbottom)){
					this.scrollTop = newbottom
				}
			 this.oldbottom = newbottom
		}).exec();
	},

}

微信扫描
![首页二级页面]
uniapp + vue 实现滚动条一直在元素的最底部_第1张图片

你可能感兴趣的:(聊天固定滚动条)