苹果输入框导致整体窗口布局改变的终极解决方法

之前在做编辑器的功能时发现,只要弹起苹果的软键盘,那么页面的布局就整体上移,导致某些按钮的位置不正确,点击不到。

找了两天资料,发现大家都有一个共同的原因,就是使用了position:fixed。该方法再安卓手机上键盘唤起时候适配,不会改变页面布局。但在苹果手机上键盘唤起时就跑偏,所以我把position:fixed的布局移除掉后测试正常。

参考网站:https://www.cnblogs.com/johnl/p/4199314.html

得出的结论如下:
若要有使用键盘的情况时,不要使用position:fixed!不要使用position:fixed!不要使用position:fixed!因为苹果键盘会影响该布局,可以看看各大平台的移动端页面设计,在有涉及到键盘输入时,它们都尽量避免使用fixed布局。或者在使用fixed布局的页面下,都避免有键盘输入的地方。

解决方法:
1.跳转到新建的界面上输入数据。
2.取消掉原有界面输入框的position:fixed布局,改成position:absolute。

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值