layer弹出层显示不完时,在苹果机型中无法使用滚动条进行滚动查看
解决方法:
- 在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");
- 为layer弹出层添加样式:
.scroll-wrapper {
-webkit-overflow-scrolling: touch;
overflow-y: scroll;
}