iOS微信小程序键盘弹出时输入框被挡住

1. 背景:

底部输入框采用fixed定位后,在iPhone13这种有底部安全区的手机上,键盘弹出时被遮挡,在安卓机上是正常的。

iOS微信小程序键盘弹出时输入框被挡住_第1张图片
2. 查找问题:

看了网上的解决方案说设置“adjust-position”,试了一下没效果,本来现在这个属性也是默认为true的,看网上另一个解决方案就是判断键盘弹出时,手动改变bottom值,实测是可以的

3. 解决方案关键代码

 
 
4. 思考:

input的“adjust-position”属性没用的原因,应该是我包多了一层div,定位的实际是footer层了。

解决方案中说需要加:adjust-position="false",感觉也应该是不用的吧?在安卓上测了下不用是没问题,ios就待测试了;自己没有用iPhone,验证的时候就有点麻烦。

你可能感兴趣的:(前端,JavaScript,微信小程序,微信小程序,ios)