移动兼容(一)
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中添加定时器的原因是键盘弹出需要一定的时间。

浙公网安备 33010602011771号