ios中，输入框获得焦点时，页面输入框被遮盖，定位的元素位置错乱

当页input存在于吸顶或者吸底元素中时，用户点击输入框，输入法弹出后，fiexd失效，页面中定位好的元素随屏幕滚动。
方案一： 在scrollIntoView 的应用，将input输入框显示在可视区域。

// 输入框获得焦点时，元素移动到可视区域

 inputOnFocus(e) {
    setTimeout(function(){
 // true:元素的顶端将和其所在滚动区的可视区域的顶端对齐; false:底端对齐。
        e.target.scrollIntoView(true);      
   },200);  // 延时 == 键盘弹起需要时间
 }

不过有点小缺陷：页面过长时，由于fixed失效，输入框依然也会跟着页面滑走。
这时，我们需要一个固定的输入框......
方案二：在输入框获得焦点时，将页面滑动到最底部，避免fixed导致的页面乱飞，并且保证input在最底部。

var timer；
 // 输入框获得焦点时，将元素设置为position:static，设置timer
 inputOnFocus(e) {
    e.target.style.className = 'input input-static';
     timer = setInterval(
        function() {
           document.body.scrollTop = document.body.scrollHeight
        }, 100)
 }；
 // 输入框失去焦点时，将元素设置为 position:fixed，清除timer
 inputOnbulr(e) {
    e.target.parentNode.className = 'input input-fixed';
    clearInterval(timer)
 }；