问题描述:ios11设备下,用position:fixed定位的mask弹层,如果里面包含input标签,则在input标签输入时,光标会下移。
解决方案:
判断如果是ios 设备,滚动条上移到顶部,同时禁止页面滚动,修改position 属性值,设置高度为屏幕视口的高度。
这个方法执行的时候是要在浮层即将出现的时候。
if(isIOS){
window.scrollTo(0,0);
//ios 光标错位问题
scope.$(".mask").css({'position':'absolute','height':screen_height});
}
$('body').bind("touchmove",function(e){
e.preventDefault();
});
$('html,body').css('overflow','hidden');
}