layer打开一个全屏页面 IOS上滚动失效

- 情境：用layer打开一个全屏的页面，在ios手机上超过页面高度后，不能上下滚动但是安卓可以。写法如下

 var index = layer.open({
            title:quesTitle,
            type: 2,
            content: ,//页面的链接如：www.baidu.com
            area: ['320px', '195px'],//初始大小
            maxmin: false,
            success: function(layero){
                $(layero).addClass("scroll-wrapper");//苹果 iframe 滚动条失效解决方式
            }
        });
layer.full(index);//全屏 可以参考：[http://layer.layui.com/](http://layer.layui.com/)]

- 解决方法

增加一个class

.scroll-wrapper{-webkit-overflow-scrolling: touch; overflow-y: scroll; }//增加的class
var index = layer.open({
            title:quesTitle,
            type: 2,
            content: pageName+'.htm?planId='+owid+'&openId=${openId}&type=0',
            area: ['320px', '195px'],
            maxmin: false,
            success: function(layero){
                $(layero).addClass("scroll-wrapper");//苹果 iframe 滚动条失效解决方式
            }
        });
        layer.full(index);

- 虽然说效果我不是特别满一，但是至少实现了可以上下拉动！