小程序怎么获取全局高度

时间:2025-01-29 09:00:53 单机游戏

在微信小程序中,获取全局高度通常指的是获取屏幕的高度。可以通过调用 `wx.getSystemInfo` 接口来实现,该接口返回一个包含屏幕信息的对象,其中 `windowHeight` 属性即为屏幕高度。

```javascript

wx.getSystemInfo({

success: function(res) {

const screenHeight = res.windowHeight; // 获取屏幕高度

console.log('屏幕高度:', screenHeight);

// 你可以在这里使用 screenHeight 进行其他操作

},

fail: function(error) {

console.log('获取系统信息失败', error);

}

});

```

如果你需要获取页面全屏高度,可以通过创建一个选择器查询视口的高度,并结合屏幕高度进行计算。示例代码如下:

```javascript

wx.createSelectorQuery().selectViewport().boundingClientRect(function(rect) {

const viewportHeight = rect.height; // 视口高度

const fullScreenHeight = screenHeight * viewportHeight / rect.height; // 页面全屏高度

console.log('页面全屏高度:', fullScreenHeight);

}).exec();

```

请注意,`wx.getSystemInfo` 获取的高度是设备屏幕的高度,不包括状态栏、导航栏等。如果你需要获取包括这些部分的全局高度,可以考虑使用 `wx.createSelectorQuery` 查询页面的 `boundingClientRect`,并结合 `windowHeight` 进行计算。