问题描述: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');
}
本文详细介绍了在iOS11设备中,使用position:fixed定位的mask弹层内input标签输入时光标下移的问题,并提供了解决方案。通过判断设备类型,调整滚动条位置,禁止页面滚动,修改mask层的position属性和高度,有效解决了光标错位现象。

707

被折叠的 条评论
为什么被折叠?



