移动web页面,input获取焦点弹出系统虚拟键盘时,挡住输入框,求方案

这是我看见N个问这个问题的了,推荐一个githubGitHub - jtyjty99999/mobileTech: A useful tools or tips list for mobile web application developing里面有移动端一些常见坑,还是不错的。
■网友
var inputTextBox = document.getElementById(\u0026#39;input-text-box\u0026#39;);setInterval(function(){ inputTextBox.scrollIntoView(false);},200)这个在https://developer.mozilla.org/zh-CN/docs/Web/API/Element/scrollIntoView#Browser_compatibility 中说还是个实验中的属性,但我现在加上这个属性后,感觉世界都美好了,大家快试试,现在还没有测出bug。有问题提出大家一起讨论
■网友
解决方案:表单采用流式布局,并将表单放在一个Div或iFrame容器;Div或iFrame的overflow设置为auto;focus后,修改Div或iFrame的height为"遮挡物"与Titile域分界之间的距离。
■网友
我也遇到过这种问题,但是 是偶然的,同一个页面,有时候被盖住 有时候又是正常的 求解
■网友
设置滚动就好,可以稍微滚上点儿
■网友
监听一下focus后滚动到合适位置有这么难吗?


    推荐阅读