解决安卓端虚拟按键盖住输入框的方法

有段时间没有写博客了，因为要忙毕业设计和毕业论文的事情。今天在做一个项目的时候，发现安卓机下面虚拟按键会盖住输入框，但是在IOS端和微信公众号下面都没有发现这个问题。
其实，可以通过以下方法：

scrollIntoView()
scrollIntoViewIfNeeded()

因为是新的特征，不建议在老的浏览器上面使用者两个方法，但是一般的主流浏览器都可以使用，方式如下：

<label for="name"></label><input type="text" value="" id="name" onclick="intoView(this)">

function intoView(el) {  setTimeout(function() {    el.scrollIntoViewIfNeeded();  }, 500);}

这里加上一个延迟是因为很多安卓手机虚拟键盘延迟启动，而之所以用click事件而不是focus事件是因为每次点击输入框都能够执行这个方法。