当前位置: 首页 > 工具软件 > layer mobile > 使用案例 >

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

公良昕
2023-12-01

问题: 使用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>

 

 类似资料: