小程序如何动态监听页面的高度

没有找到好的方法或者官方的相关API
1)尝试了网上说的这个,但是onready只调用一次,所以这个写了定时器也还是执行一次:

setTimeout(() => {
      let _this = this
      wx.createSelectorQuery().select('#container-title').boundingClientRect(function (rect) {
      width = rect.width
      height = rect.height
      top = rect.top
    }).exec()
    },300)

2)还是把这个获取页面高度的方法写成的公共的方法,然后进行改变页面高度的操作(比如新增删除、显示隐藏)的时候就调用一下这个方法

onReady: function () {
      //动态获取高度
    this.autoHeight();
  },
  //动态获取高度
  autoHeight:function(){
      var that = this;
      var query = wx.createSelectorQuery();
      query.select('.container').boundingClientRect(function(rect) {
        console.log("----w" + rect.height)
        that.setData({
          windowHeight: rect.height ,//获取页面高度
        })
      }).exec();
  },

还是有点麻烦其实,后续找到更好的解决办法再进行更新……
在这里插入图片描述

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值