野生大熊猫

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

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

  1.  Home
  2. Text  
    3. Share to：

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
© The copyright belongs to the author
If you think my article is useful to you, please feel free to appreciate

3 comments

  1. RAKsmart优惠码

    朋友 交换链接吗
    Reply
    1. 野生大熊猫
      @RAKsmart优惠码

      可以的，我这边名称和网址
      刘泓宾博客
      https://www.lhbbk.com
      你留言发一下
      Reply
      1. raksmart优惠码
        @野生大熊猫

        https://www.cnraksmart.com/ （raksmart优惠码）
        已添加贵站链接
        Reply

Leave a Comment