解决iframe在ios中无法滚动的bug

https://fly.layui.com/jie/32020/(无效)

修改方法:
1、在嵌入进iframe的每个页面的里面加个id,如
2、引入jquery,并新增js代码:

    var ua = navigator.userAgent.toLowerCase();
    var screenwidth = window.screen.width;
    if(!/iphone|ipad|ipod/.test(ua)){
        $("#iosiframe").attr("scrolling","auto");
    }else{
        $('#iosiframe').width(screenwidth + 'px');
    }

备注:也可以直接在layui.js里面加上以上代码,以后只需要在指定id就行了。

 

前端框架layer ios不支持弹出页面滚动条(无效)

https://blog.csdn.net/ding_dq/article/details/61921428

问题:最近用前端框架layer做项目,弹出层(iframe)在web端和安卓上都有滚动条,可到了ios上就不支持上下滚动。

解决方法:

.scroll-wrapper {  

    -webkit-overflow-scrolling: touch;  

    overflow-y: scroll;  

}

  layer.open({

            type: 2,title :false,shadeClose:true,closeBtn: 0,

            area: [width+'px', height+'px'],

            offset: '100px',

            content: '',

            success: function(layero){

               $(layero).addClass("scroll-wrapper");//苹果 iframe 滚动条失效解决方式

            }

        });

 


解决iframe在ios中无法滚动的bug(有效)

https://blog.csdn.net/around_primary/article/details/80689098

具体解决方案:

在index.html页面的