当前位置:首页 > 电子 > 正文内容

微信小程序自定义导航栏高度获取出错windowHeight值不一致

admin2年前 (2023-03-09)电子4327
具体的实现思路是,用wx.getSystemInfo获取可使用的屏幕高度减去头部的固定高度,作为滚动层scroll-view的使用高度;
核心代码如下

    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每个页面值不一致的解决方案。


扫描二维码推送至手机访问。

版权声明:本文由视觉博客发布,如需转载请注明出处。

本文链接:https://feelsight.cn/post/138.html

“微信小程序自定义导航栏高度获取出错windowHeight值不一致” 的相关文章

Libview写软件更新升级程序

Libview写软件更新升级程序

1、首先建立FTP服务器,参考:http://jingyan.baidu.com/article/63f23628f04e420209ab3d70.html2、检查是否需要更新,可用远程数据库或文件,文件就是在FTP服务器上有个文件记录最新的版本号,本地也有个文件记录当前版本号,现读取当前版本号,再...

labVIEW调用C# dll 步骤

labVIEW调用C# dll 步骤

labVIEW选用的版本是2010,C#选用的是VS20101.打开VS 2010,选择 文件》新建》项目 如下图所示:图12.输入名称并点击确认,如下图所示图23.编辑类,简单的编辑一个加法,如下图所示:图34.点击 项目》ClassLibrary 属性,如下图所示:图4图65.点击解决方案管理器...

ESP8266在Eclipse下设置编译模式(有boot和无boot)

ESP8266在Eclipse下设置编译模式(有boot和无boot)

更改编译模式可以更改Makefile文件中的 BOOT?=new APP?=1 SPI_SPEED?=40 SPI_MODE?=QIO SPI_SIZE_MAP?=2 可以根据2A-ESP8266__IOT_SDK_User_Manual__CN_...

物联网 WIFI 一键配置原理(smartconfig) ESP8266/QCA4004

物联网 WIFI 一键配置原理(smartconfig) ESP8266/QCA4004

物联网 WIFI 一键配置原理(smartconfig) ESP8266/QCA4004 自从物联网问世以来,如何使得物 能够联网有了很多的方式,目前运用非常广的WIFI,今天就总结下自这个方面,也对于有需要的盆友也希望有抛砖引玉之效果。 来看个知乎...

内存堆和栈的区别

内存堆和栈的区别

在计算机领域,堆栈是一个不容忽视的概念,我们编写的C语言程序基本上都要用到。但对于很多的初学着来说,堆栈是一个很模糊的概念。 堆栈:一种数据结构、一个在程序运行时用于存放的地方,这可能是很多初学者的认识,因为我曾经就是这么想的和汇编语言中的堆栈一词混为一谈。我身边的一些编程的朋友以...

单片机时钟周期,机器周期,指令周期的区别

单片机时钟周期,机器周期,指令周期的区别

时钟周期        时钟周期也称为振荡周期,定义为时钟脉冲的倒数(时钟周期就是单片机外接晶振的倒数,例如12M的晶振,它的时钟周期就是1/12us),是计算机中的最基本的、最小的时间单位。       在一...

发表评论

访客

◎欢迎参与讨论,请在这里发表您的看法和观点。