微信小程序: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 )

,只能滚动

如果使用的是小程序的原生oage,可以使用wx.getSystemInfo接口来获取设备的各种信息(包括屏幕宽高),然后根据实际情况来计算页面需要的高度;

如果页面是用h5写的,可以在页面加载完成后,动态添加weui-page__bd的高度,然后将页面内容以外的滚动条隐藏掉:

<script type="text/javascript">

window.onload=function(){

//获取page容器标签

var pageElem=document.getElementsByClassName('weui-page__bd')[0]

//获取设备的高度

var windowHeight=window.screen.height

pageElem.style.height=windowHeight+"px"

}

</script>


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

原文地址:https://54852.com/yw/11530819.html

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

发表评论

登录后才能评论

评论列表(0条)

    保存