微信小程序:screenHeight和windowHeight区别

微信小程序:screenHeight和windowHeight区别,第1张

screenHeight是手机屏幕的高度状态栏+导航栏+webview+tabBar),windowHeight是可使用窗口高度webview(不包含状态栏、导航栏和tabBar)的高度;

tips:如果在pages.json中页面设置了"navigationStyle":"custom",那么windowHeight的值是状态栏+导航栏+webview的和(不包含tabBar的高度)

( https://www.cnblogs.com/songmengwen1124/p/14792744.html )

因为对小程序父标签和子标签的布局还不是特别了解,不像ios,父标签固定,子标签通过mansory去布局距离父的底部多少即可。小程序的我能想到的就是动态算出每一个标签的高度,然后总高度减掉就是想得到的子标签的高度了。如果有哪位大神可以指导一二,感激不尽~~~

<view id='viewID'>

<view id="scriptID">

        var query = wx.createSelectorQuery()

        //选择id

        query.select('#numID').boundingClientRect()

        query.select('#scriptID').boundingClientRect()

        query.exec(function (res) {

          //res就是 所有标签为mjltest的元素的信息 的数组

          console.log('所有:',res)

          //取高度

          that.setData({

            storyHeight:that.data.detailHeight -(res[0].height+res[1].height)

          })

        })


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/yw/11091560.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-13
下一篇 2023-05-13

发表评论

登录后才能评论

评论列表(0条)

保存