uniapp 获取屏幕高度

你可以使用uniapp提供的API来获取屏幕高度。可以通过uni.getSystemInfoSync()方法来获取设备信息，其中包括屏幕高度。示例代码如下：

uni.getSystemInfoSync({
  success: function(res) {
    console.log(res.windowHeight); // 屏幕高度
  }
});

该方法返回的`res`对象中的`windowHeight`属性即为屏幕高度。你可以根据需要在回调函数中进行进一步操作。

相关问题

uniapp获取屏幕高度

在 Uniapp 中，你可以使用 `uni.getSystemInfo` 方法获取屏幕的高度。下面是一个示例代码：

// 在页面的生命周期函数中获取屏幕高度
onLoad() {
  this.getScreenHeight();
},

methods: {
  getScreenHeight() {
    uni.getSystemInfo({
      success: res => {
        console.log('屏幕高度：', res.screenHeight);
      }
    });
  }
}

在上面的例子中，我们使用 `uni.getSystemInfo` 方法获取系统信息，其中包含了屏幕的高度。通过 `res.screenHeight` 可以获取到屏幕的高度。你可以在 `success` 回调函数中处理获取到的屏幕高度。

请注意，这段代码需要在页面的生命周期函数中执行，比如 `onLoad`，以确保能够正确获取到屏幕的高度。

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 ]