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

最新推荐文章于 2020-12-29 10:12:41 发布

原创最新推荐文章于 2020-12-29 10:12:41 发布 · 546 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#Layer #滚动条

实用专栏收录该内容

36 篇文章

订阅专栏

本文介绍了一种在iOS设备上解决layer弹出层滚动条不显示的方法，通过添加特定的div样式来实现触摸滚动效果。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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