Layer For Mobile >> 在 ios设备上不支持弹出页面滚动条

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文链接： https://blog.csdn.net/qq_38789941/article/details/99574142

问题： 使用layer弹出层在ios 移动设备上不能显示滚动条。

解决方法：在外层添加一个div 样式height:500px;-webkit-overflow-scrolling:touch;overflow:auto;

<script type="text/javascript">
var content = "1、只要年满22周岁，即可申请加入“长期消费家庭优惠计划”，加入后成为之友(以下均称“友”)，并享有友权益。\<br/>"
$('#regulation').click(function(){
    layer.open({
    	type: 1,
    	title: '之友章程',
    	style: 'border:none; width: 80%;',
        content: "<div style='height:400px;-webkit-overflow-scrolling:touch;overflow:auto;'>"+ content +"</div>", // 解决在iOS设备上无法滚动
        shadeClose: true, //点击遮罩关闭
        btn: '我知道了'
      });
  });
</script>