解决苹果手机中出现input中光标下移（错位）问题

其中出现这种问题是因为在页面上我们使用了position: fixed;的属性

这里我的业务逻辑是点击抢购》》弹出抢购的form表单，这里因为我必须还是要使用position: fixed;

1、解决方案：当弹出弹框的时候，我设置body{position: fixed;},当关闭弹窗的时候将清除body{position: fixed;},样式

这样子光标将不会错位。

Vue.js

if(弹窗){

  document.querySelector('body').setAttribute('style', 'position:fixed')

}

if（关闭弹窗）

{

document.querySelector('body').removeAttribute('style')

}

2、你也可以将position: absolute;这样光标不会错位