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

最新推荐文章于 2023-02-17 22:11:34 发布

原创最新推荐文章于 2023-02-17 22:11:34 发布 · 6k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#layer #滚动条 #ios

layer 专栏收录该内容

0 篇文章

订阅专栏

本文介绍了一种解决使用前端框架layer创建的iframe在iOS设备上不支持滚动的问题的方法。通过为弹出层添加特定样式类，使得滚动条在iOS上也能正常工作。

问题：最近用前端框架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 滚动条失效解决方式
            }
        });