layer.open 默认不显示内部滚动条是因为其内容区 overflow: hidden 且无高度限制。解决方法是通过包裹容器或 success 回调设置 max-height 和 overflow-y: auto，并注意移动端兼容性及 type 类型适配。
为什么 layer.open 默认不显示内部滚动条
因为 layui 的 layer.open 默认把内容区域（.layui-layer-content）设为 overflow: hidden，且高度由内容撑开，不会主动限制高度——所以当内容超出弹窗可视区域时，滚动条根本不会出现，用户只能看到顶部内容，下面被裁掉。
给弹窗内容区加固定高度并启用 overflow-y
核心是手动控制内容容器的高度和溢出行为。Layui 提供了 area 和 maxmin 参数，但它们控制的是整个弹窗尺寸，不直接作用于内容区。真正起效的是在 content 中包裹一层带样式的容器，或通过 success 回调注入样式：
- 用
content传入一个<div>包裹真实内容，并设style="max-height: 400px; overflow-y: auto;" - 或在
success回调里定位到.layui-layer-content，动态加样式：success: function(layero) { layero.find('.layui-layer-content').css({ 'max-height': '400px', 'overflow-y': 'auto', 'padding-right': '10px' // 防止滚动条遮挡右侧内容 }); } - 注意：不要设
height（会强制截断），要用max-height，保留自适应能力
使用 type: 1 时 content 是字符串，容易漏掉样式包裹
很多人直接传字符串给 content，比如 content: '<p>很长的内容...</p>'，这样内容直接塞进 .layui-layer-content，没外层容器，无法单独控制滚动。必须显式加一层包装：
- 写成
content: '<div style="max-height:300px;overflow-y:auto"><p>很长的内容...</p></div>' - 或者改用
type: 2（iframe）或type: 3（DOM ID），后者更可控：content: '#myContentDiv'，再提前给#myContentDiv设好样式 - 如果用了
skin自定义 class，记得在 CSS 里加.your-skin .layui-layer-content { max-height: 350px; overflow-y: auto; }，避免被默认样式覆盖
移动端适配和滚动卡顿问题
在 iOS Safari 或部分安卓 WebView 中，overflow-y: auto 可能不触发原生滚动，表现为无法拖动或滚动迟滞：
- 加
-webkit-overflow-scrolling: touch（仅 WebKit 有效） - 避免在滚动区域内使用
position: fixed元素，它会破坏滚动上下文 - 如果弹窗内有表单控件（如
<select>、<input>），iOS 下焦点唤起键盘可能重排布局，导致滚动条消失——此时建议监听focus事件临时增大max-height - 慎用
anim: 2（滑入动画），动画过程中 DOM 尚未稳定，success里获取的layero高度可能不准
