微信小程序自定义导航栏高度获取出错windowHeight值不一致
具体的实现思路是,用wx.getSystemInfo获取可使用的屏幕高度减去头部的固定高度,作为滚动层scroll-view的使用高度;
核心代码如下
然而在实际使用过程中发现,多个页面中每个页面调用wx.getSystemInfo获取可使用的屏幕高度的值在不同真机的出现了值不一致的问题,这也就导致了滚动视图层显示效果不佳;
解决思路是通过设置全局变量的方式;具体实现方式如下;
app.js
需要获取windowHeight的页面js
如index.js
好了,以上为我对微信小程序windowHeight每个页面值不一致的解决方案。
核心代码如下
var that = this wx.getSystemInfo({ success: function (res) { this.setData({ tbodyHeight:res.windowHeight }) } })
然而在实际使用过程中发现,多个页面中每个页面调用wx.getSystemInfo获取可使用的屏幕高度的值在不同真机的出现了值不一致的问题,这也就导致了滚动视图层显示效果不佳;
解决思路是通过设置全局变量的方式;具体实现方式如下;
app.js
onLaunch: function () { wx.getSystemInfo({ success: function (res) { that.globalData.windowHeight = res.windowHeight } }) } , globalData: { windowHeight:null }
需要获取windowHeight的页面js
如index.js
const app = getApp() onReady:function(){ var tbodyHeight = app.globalData.windowHeight - 90; //90为头部固定高度 that.setData({ tbodyHeight: tbodyHeight.toFixed(0) }) }
好了,以上为我对微信小程序windowHeight每个页面值不一致的解决方案。
- 随机文章
- 热门文章
- 热评文章
- c#实现FTP上传
- 用PHP发送POST请求
- C#图像处理(各种旋转、改变大小、柔化、锐化、雾化、底片、浮雕、黑白、滤镜效果)
- C#中的MessageBox消息对话框
- C#修改图片分辨率
- STM32 中断向量表的位置 、重定向
- ESP8266在Eclipse下设置编译模式(有boot和无boot)
- 物联网 WIFI 一键配置原理(smartconfig) ESP8266/QCA4004