首页 > 移动平台 > 详细

[BUG]ios中input不回弹,导致fixed布局错位

时间:2020-03-06 15:34:25      阅读:137      评论:0      收藏:0      [点我收藏+]

描述

ios13.
ios中,input唤醒软键盘后,body整体会向上滚动,如果input框输入完成确定后,如果页面在最底部则不回弹,导致fixed布局实际效果上移,fixed布局内按钮点不到。
如图
技术分享图片

问题在线演示

解决方案

不使用fixed,改为absolute。

如果是吸底input
滚动时候,动态设置 absolute top 值。

如果是弹出框内input
动态记录滚动高度,弹出时候外层 overflow: hidden,弹出框在当前滚动高度用absolute弹出。
或者直接回到顶部,不用记录滚动高度。

如果滚到顶部有问题,可以参考文章 [BUG]document.body.scrollTop=0不生效(回到顶部)

[BUG]ios中input不回弹,导致fixed布局错位

原文:https://www.cnblogs.com/whosMeya/p/12426523.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!