ios fixed浮层 光标下移解决方案

  

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

  

  

原文地址:https://www.cnblogs.com/peiyuanming/p/8548136.html