微信插件scrollView高度 iphone手机高度兼容, 滑动到底部 内容被遮挡问题

产品让我改微信插件滑动到底部 内容被遮挡问题
肯定就想到中间一大块用scrollVIew 但是我不知道导航栏和底部tab栏高度
没办法 我只能找方法计算了

我本来准备使用微信小程序的获取元素高度 但是获取结果是null 所有就放弃了

     const res = wx.getSystemInfoSync()
        this.windowWidth = res.windowWidth;
        this.windowHeight = res.windowHeight
        const { top, height } = wx.getMenuButtonBoundingClientRect() // 这个如果报错可以切换一个基础库
        // res.statusBarHeight 这个是顶部 电量那块高度  height 是胶囊高度 top 胶囊到顶部高度
        const navigateHeight = (top - res.statusBarHeight) * 2 + height + res.statusBarHeight // 导航栏高度
        const bottomHeight = res.windowHeight - res.safeArea.bottom // tab下面的高度 有的手机有 tab高度是60 我的是60 可以切换下手机模式能发现这个tab是固定的
        if (bottomHeight == 0) {
            this.scrollHeight =  res.windowHeight - 60 - navigateHeight
        } else {
            this.scrollHeight = res.windowHeight - (bottomHeight + 60) - navigateHeight
            // this.scrollHeight 这个就是中间的滚动高度了
        }
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值