uniapp动态绑定滚动条高度


		
			
				
					{{cate.cat_name}}
				

			
		

		
			
				
					/{{rightItem.cat_name}}/
				
				
					
						
						
							{{bottomItem.cat_name}}
						
					
				
			
		
	
        data() {
			return {
				
				scrollHL:0
			};
		},
		onLoad() {
				
				// 动态绑定滚动条的高度
				// 先取出页面的高度				
				let pageHeight = uni.getSystemInfoSync().windowHeight
				// 用selector
				let query = uni.createSelectorQuery().in(this)
				query.select('#view1').boundingClientRect()	
                //保存组件变量,回调函数才能引用到						
				var that = this;
				query.exec(function(res){
					let topHeight = res[0].top;
					// 滑动滚动条的高度等于整个页面的高度 - 页面距离上面的高度
					let scrooViewHeight = pageHeight  - topHeight;
					// 保存到高度信息当中。
					that.scrollHL = scrooViewHeight					
				})									
				// 这是px单位。 rpx是px的2倍
		},
}

你可能感兴趣的:(uni-app,html,javascript)