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

Author：野生大熊猫
发布时间：May 18, 2019
463 views
3 comments
631 字数
Categories：默认分类

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

RAKsmart优惠码
May 20th, 2019 at 12:38 pm

朋友交换链接吗

Reply
1. 野生大熊猫Author
  June 8th, 2019 at 10:12 am
  
  @RAKsmart优惠码
  可以的，我这边名称和网址
  刘泓宾博客
  https://www.lhbbk.com
  你留言发一下
  
  Reply
  1. raksmart优惠码
    June 24th, 2019 at 04:05 pm
    
    @野生大熊猫
    https://www.cnraksmart.com/ （raksmart优惠码）
    已添加贵站链接
    
    Reply