uniapp控制滚动条固定滚动状态栏保持不动

小媛子。り

于 2023-02-11 13:58:22 发布

阅读量1.1k

点赞数

文章标签： uni-app 前端 html

本文链接：https://blog.csdn.net/weixin_73332666/article/details/128982827

版权

该文章讲述了如何在uni-app中获取窗口高度(windowHeight)以及顶部内容的高度，并在滚动时调整scroll-view的区域。首先，使用uni.getSystemInfo获取设备窗口高度，然后通过uni.createSelectorQuery结合boundingClientRect方法来计算并减去标题栏的高度，以确定实际的滚动区域。

摘要由CSDN通过智能技术生成

1.获取windowHeight高度

			uni.getSystemInfo({//获得windowHeight
			      success:(res)=> {
				this.height=res.windowHeight
			      }
			    })

2.获得顶部内容高度

 uni.createSelectorQuery().select('.heights').boundingClientRect((rect)=>{//获得节点信息也就是类名包裹标题栏的内容
			      this.height=this.height-rect.height//widow高度-标题栏的高度就是滚动条的区域
			    }).exec()
		},

3.滚动时将滚动区域放在<scroll-view包裹起来