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

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

你可能感兴趣的:(手机端开发)