ios中input获取焦点定位问题

Question

Answer 1

应该算是移动端比较经典的兼容性bug了，如果没猜错的话，你的输入框应该是使用的fixed定位。出现原因：软键盘唤起后，页面的fixed元素将失效（即无法浮动，也可以理解为变成了absolute定位），所以当页面超过一屏且滚动时，失效的fixed元素就会跟随滚动了。这便是iOS上fixed元素和输入框的bug。其中不仅限于type=text的输入框，凡是软键盘（比如时间日期选择、select选择等等）被唤起，都会遇到同样地问题。解决思路&方案：1.既然在iOS下由于软键盘唤出后，页面fixed元素会失效，导致跟随页面一起滚动，那么假如——页面不会过长出现滚动，那么即便fixed元素失效，也无法跟随页面滚动，也就不会出现上面的问题了。2.不嫌重的话可以使用iScroll.js这儿有一篇比较详细的解决方案Web移动端Fixed布局的解决方案