移动兼容(一)

ios下H5页面底部输入框fix布局下键盘弹出位置错位处理方法:

涉及到的事件有:touchstart,focus。

给input输入框添加事件:

 

_input.ontouchstart = function(e){
document.body.scrollTop = document.body.scrollHeight;
e.stopPropagation();
}
_input.onfocus = function(e){

setTimeout(function(){
document.body.scrollTop = document.body.scrollHeight;
},300)
e.stopPropagation();

};

查阅网上的方法一般都是直接在focus中处理:在经过实际经验后添加了touchstart事件,

在touchstart中将页面的滚动条滚动到页面底部。

focus中添加定时器的原因是键盘弹出需要一定的时间。

posted @ 2017-12-14 17:08  灵魂创造者  阅读(120)  评论(0)    收藏  举报