在移动端h5开发的时候，发现如果input在页面底部，当触发input焦点的时候会弹出系统虚拟键盘，虚拟键盘会遮挡input输入框。这会很影响用户体验，于是在网上找到了如下的解决办法：
1 <input type="text" onfocus="inputFocus()"/>
1 <script> 2 function inputFocus(){ 3 setTimeout(function(){ 4 window.scrollTo(0,document.body.clientHeight); 5 }, 500); 6 } 7 </script>
设计坞官网https://www.wode007.com/sites/73738.html
1 <input type="text" onfocus="inputFocus()" id="dom"/> 2 <script> 3 function inputFocus(){ 4 var dom=document.getElementById(‘dom‘) 5 setTimeout(function(){ 6 dom.scrollIntoView(true); 7 dom.scrollIntoViewIfNeeded(); 8 }, 500); 9 } 10 </script>
移动端H5页面_input获取焦点时，虚拟键盘挡住input输入框解决方法
原文：https://www.cnblogs.com/ypppt/p/13077438.html