问题描述: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');
}