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

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

admin2年前 (2023-03-09)电子3773
具体的实现思路是,用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每个页面值不一致的解决方案。


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

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

本文链接:http://cqroom.cn/post/138.html

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

锂电池充电的原理

锂电池充电的原理

    锂离子电池的充电过程可以分为四个阶段:涓流充电(低压预充)、恒流充电、恒压充电以及充电终止。     锂电池充电器的基本要求是特定的充电电流和充电电压,从而保证电池安全充电。...

stc-isp烧录 下载 协议 过程分析

一、数据封装格式 包头 标示 数据包长度 命令字...

电源模块中隔离电压3000VDC有什么用?

电源模块中隔离电压3000VDC有什么用?

随着嵌入式行业的快速发展,在各种行业应用中电源要求也越来越高,为保证系统的稳定性,隔离电源应运而生。但隔离电源中关键指标——隔离电压指的是什么?与爬电距离有什么关系?本文将从隔离电源的原理为你揭晓。 微电子行业的高速发展,产品使用场合的电磁环境也越来越复杂,产品的稳定性也受到很大的...

基于PIC单片机和AD7705的高精度信号采集系统设计

基于PIC单片机和AD7705的高精度信号采集系统设计

在工业现场测试过程中,由于生产中的各种参数的测试数据对生产过程具有重要的意义,因此对各种测试数据精度要求较高。而对于传统的传感器,比如压阻式、应变桥式、热电偶、热电阻、电容式以及压电式传感器,输出的一般是毫伏级的微弱模拟信号,温度特性差,而且在传输过程中信噪比明显降低。因此需要设计高精度稳定性...

如何看懂电路图(三)-三极管放大电路

如何看懂电路图(三)-三极管放大电路

能够把微弱的信号放大的电路叫做放大电路或放大器。例如助听器里的关键部件就是一个放大器。 放大电路的用途和组成 放大器有交流放大器和直流放大器。交流放大器又可按频率分为低频、中源和高频;接输出信号强弱分成电压放大、功率放大等。此外还有用集成运算放大器和特殊 晶体管作器件的...

如何看懂电路图(四)-集成运算放大器(运放)

如何看懂电路图(四)-集成运算放大器(运放)

集成运算放大器是一种把多级直流放大器做在一个集成片上,只要在外部接少量元件就能完成各种功能的器件。因为它早期是用在模拟计算机中做加法器、乘法器用 的,所以叫做运算放大器。它有十多个引脚,一般都用有 3 个端子的三角形符号表示,如图 10 。它有两个输入端、 1 个输出端,上面那个输入端叫做反相...

发表评论

访客

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