野生大熊猫

使用layer弹窗后,出现弹窗穿透的情况
这边做的一个新项目,到店核销的过程中,使用layer的弹窗跳转,进行填写表单资料安卓测试没有多大问题苹果这边测试出...
扫描右侧二维码阅读全文
18
2019/05

使用layer弹窗后,出现弹窗穿透的情况

TIM截图20190518232320.png

这边做的一个新项目,到店核销的过程中,使用layer的弹窗跳转,进行填写表单资料
安卓测试没有多大问题
苹果这边测试出现了手指滚动,底部父级上下滑动的情况
解决办法:
首先加个CSS

body.modal-open {
    position: fixed;
    width: 100%;
}

然后我这边是这样写的:

$(".footer .forms").click(function(){
    layer.open({content: $("#submitmsg").html(),end:function(){
        $("body").removeClass("modal-open");//移除css
    }});
    $("body").addClass("modal-open");//添加css
});

这样就锁定了父页面。
但是遇到了一个新问题,也就是iPhone弹出输入法收回去后会出现失去焦点。
iphonex点击表单后,网页焦点错位

Last modification:May 18th, 2019 at 11:27 pm
If you think my article is useful to you, please feel free to appreciate

3 comments

  1. RAKsmart优惠码

    朋友 交换链接吗

    1. 野生大熊猫
      @RAKsmart优惠码

      可以的,我这边名称和网址
      刘泓宾博客
      https://www.lhbbk.com
      你留言发一下

      1. raksmart优惠码
        @野生大熊猫

        https://www.cnraksmart.com/ (raksmart优惠码)
        已添加贵站链接

Leave a Comment