【报Bug】uniapp 开发小程序获取内容页面的高度报错

分类：uni-app

bug反馈

产品分类： uniapp/App

PC开发环境操作系统： Windows

PC开发环境操作系统版本号： windows 10

HBuilderX类型：正式

HBuilderX版本号： 3.8.7

手机系统： iOS

手机系统版本号： iOS 17

手机厂商：苹果

手机机型： IPHONE12

页面类型： vue

vue版本： vue2

打包方式：云端

项目创建方式： HBuilderX

操作步骤：

            const { windowHeight } = await uni.getSystemInfoSync();  
            this.scrollViewHeight = windowHeight;

预期结果：

windowHeight 返回准确值

实际结果：

windowHeight 返回的值大于手机屏幕可编辑页面高度

bug描述：

uniapp 开发小程序如何获取内容页面的高度，指去除顶部固定的区域，和底部tabbar固定的区域。获取到windowHeight 包含哪些区域？

简单一点说，我需要准确获取除顶部导航栏和底部tabBar，中间可编辑页面在手机中的高度范围，动态适配各种机型。

2024-01-28 18:58 负责人:无分享

1 个回复

JXWang

windowHeight是可使用窗口高度，视窗高度不受页面内容高度的影响。想要获取页面高度可使用节点查询获取，比如指定最外层元素id为page，以下方法可获取页面内容高度

    const query = uni.createSelectorQuery().in(this);  
    query  
      .select("#page")  
      .boundingClientRect((data) => {  
          console.log(data.height)  
          })  
      .exec();

要回复问题请先登录或注册

【报Bug】uniapp 开发小程序获取内容页面的高度报错

操作步骤：

`const { windowHeight } = await uni.getSystemInfoSync(); this.scrollViewHeight = windowHeight;`

预期结果：

windowHeight 返回准确值

实际结果：

windowHeight 返回的值大于手机屏幕可编辑页面高度

bug描述：

1 个回复

公告

相关问题

【报Bug】uniapp 开发小程序获取内容页面的高度报错

操作步骤： const { windowHeight } = await uni.getSystemInfoSync(); this.scrollViewHeight = windowHeight;

预期结果： windowHeight 返回准确值

实际结果： windowHeight 返回的值大于手机屏幕可编辑页面高度

bug描述：

与内容相关的链接

1 个回复

公告

相关问题

操作步骤：

`const { windowHeight } = await uni.getSystemInfoSync(); this.scrollViewHeight = windowHeight;`

预期结果：

windowHeight 返回准确值

实际结果：

windowHeight 返回的值大于手机屏幕可编辑页面高度