ios下弹出框fixed定位时候input光标错位

原因:position:fixed和input一起使用会出现的bug,fixed在移动端支持不怎么好。
解决方法1:当点击弹出框的时候 ,页面内容全部隐藏,这样页面就不会有内容撑开滚动,当点击隐藏弹出框的时候,内容复原(这样每次隐藏到弹出框都会回到顶部)。
解决方法2:弹出框单独做一个页面,只有遮罩层内容,点击隐藏后跳回到刚刚那个页面即可(用keep-alive可以控制先前的位置)
解决方法3 :弹出框时页面加一个样式绑定height:100vh;overflow:hidden;弹框消失后再把样式去除,
解决方法4:在弹框显示的时候给body添加样式position:fixed,在弹框隐藏的时候再把body的样式position改为static即可。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值