解决layer弹出层 适配苹果时 iframe 滚动条失效

layer弹出层显示不完时,在苹果机型中无法使用滚动条进行滚动查看

解决方法:

  1. 在Js中对 layer 弹出层代码进行修改
var i = layer.open({
        type: 2,
        title: '查看詳情',
        maxmin: true,
        shadeClose: false, // 点击遮罩关闭层
        area: ['800px', '520px'],
        content: prefix + '/details/' + id,
        success: function(layero){
            $(layero).addClass("scroll-wrapper");//苹果 iframe 滚动条失效解决方式
        }
    });
    layer.full(i);

重要$(layero).addClass("scroll-wrapper");

  1. 为layer弹出层添加样式:
.scroll-wrapper {
        -webkit-overflow-scrolling: touch;
        overflow-y: scroll;
    }
发布了6 篇原创文章 · 获赞 0 · 访问量 838

猜你喜欢

转载自blog.csdn.net/weixin_43910274/article/details/104915833
今日推荐