uni-app 完美解决软键盘把fixed顶起问题

对比图
用了固定定位在H5上出现了键盘顶起的问题, “softinputMode”: “adjustResize” 然后我见网上有让加这个的,但是我加上了有没用,这个可能是作用在app上的,下面来看解决方案。
在这里插入图片描述
代码部分
1、 在onload中加个获取当前高低

	onLoad() {
		this.height = uni.getSystemInfoSync().windowHeight
	 },

2、给你最外层的父盒子加个高度

    :style="{height:height + 'px'}"

3、在把你浮动的底部的 fixed 改成 absolute

		.footer-logo {
			position: absolute;
			left: 50%;
			transform: translateX(-50%);
			bottom: 20rpx;
			text-align: center;
			color: #BBBBBB;
			font-size: 24rpx;	
		}
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

月落星河°

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值