uniapp计算屏幕高度
时间: 2024-05-23 10:08:24 浏览: 12
UniApp可以通过uni.getSystemInfoSync()获取系统信息,包括屏幕高度。示例代码如下:
```
let res = uni.getSystemInfoSync()
let windowHeight = res.windowHeight
console.log('屏幕高度为:' + windowHeight)
```
需要注意的是,uni.getSystemInfoSync()是一个同步方法,需要等待获取到系统信息后才能继续执行后面的代码。
相关问题
uniapp 获取屏幕高度
在uniapp中获取屏幕高度的方法是通过调用uni.getSystemInfoSync()函数来获取系统信息,然后使用res.windowHeight属性来获取屏幕高度。在给定的代码中,getBarHeight()函数是用来获取导航栏的高度,而getClineHeight()函数则是用来获取可视区域的高度。在getClineHeight()函数中,通过计算res.windowHeight减去一些固定高度值来得到可视区域的高度。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* *2* *3* [在uniapp中获取可视区域的高度(uni.getSystemInfo)](https://blog.csdn.net/bjt1015999/article/details/129234316)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 100%"]
[ .reference_list ]
uniapp获取屏幕剩余高度
在uniapp中,可以使用uni.getSystemInfo方法来获取屏幕的信息,包括屏幕的高度。在onReady函数中,通过uni.getSystemInfo方法获取到屏幕的高度res.windowHeight,并存储在变量phoneHeight中。然后使用uni.createSelectorQuery方法来选择组件的元素,并通过boundingClientRect方法获取组件的高度data.height,保存在变量navHeight中。最后通过计算屏幕剩余高度scrollviewHigh = phoneHeight - navHeight,得到屏幕的剩余高度。
另外,在created函数中,也可以使用uni.getSystemInfo方法来获取屏幕的信息,res.windowHeight表示屏幕的可用高度。通过uni.createSelectorQuery方法选择需要获取布局位置信息的元素,使用boundingClientRect方法获取到元素的位置信息data.top。然后通过计算屏幕剩余高度height = res.windowHeight - top,得到屏幕的剩余高度。<span class="em">1</span><span class="em">2</span>
#### 引用[.reference_title]
- *1* [uniapp 获取屏幕高度](https://blog.csdn.net/chuchongshen5446/article/details/101049021)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"]
- *2* [uni-app 获取页面剩余高度 所占手机屏幕的剩余高度](https://blog.csdn.net/yu_0119/article/details/120077840)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"]
[ .reference_list ]