uniapp h5端tab页有input当它获得焦点,安卓底部的导航栏被弹起的解决办法

此篇博客介绍了如何使用JavaScript在页面加载时,根据窗口高度变化动态调整uni-tabbar的定位策略。通过clientHeight属性监控窗口大小,当窗口高度小于当前屏幕高度时,tabbar采用固定定位,反之则保持静态。
摘要由CSDN通过智能技术生成
            resize() {
				this.clientHeight = `${document.documentElement.clientHeight}px`;
				window.onresize = () => {
					const clientHeight = `${document.documentElement.clientHeight}px`;
					const tarbar = document.getElementsByClassName('uni-tabbar')[0]
					if (clientHeight < this.clientHeight) {
						tarbar.style.position = 'static'
					} else {
						tarbar.style.position = 'fixed'
					}
				};
			},

在onload中调用

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值