layui弹出层内容溢出不显示滚动条是因.layui-layer-content默认overflow: visible且父容器无高度限制；推荐在content中为dom节点设max-height和overflow-y: auto，或用style配置项注入内联样式。
layui弹出层内容溢出时滚动条不显示？
默认情况下，layer.open() 创建的弹窗不会自动出现滚动条，即使内容高度远超可视区域。这不是 bug，而是 layui 的默认样式策略：弹窗容器 .layui-layer-content 的 overflow 为 visible，且父级 .layui-layer 未设固定高度或 overflow 控制。
给 layer 弹出层加滚动条的两种可靠方式
核心思路是控制「内容区」或「整个弹层」的 overflow 行为。推荐优先操作内容区（更可控），避免影响标题、按钮等固定元素。
- 方式一（推荐）：在
content中传入 DOM 节点，并为其设置max-height和overflow-y: auto - 方式二：通过
style配置项直接给.layui-layer-content注入内联样式 - 注意：不要对
.layui-layer或.layui-layer-dialog设overflow，否则可能遮挡关闭按钮或导致双滚动条
示例（方式一）：
layer.open({
type: 1,
content: '<div style="max-height: 400px; overflow-y: auto; padding: 15px;">' +
'<p>很长的内容...</p><div class="aritcle_card flexRow artxards">
<div class="artcardd flexRow">
<a class="aritcle_card_img" rel="nofollow" href="/xiazai/code/7535" title="深蓝色网站后台管理系统layui框架模板-AdminPro"><img
src="https://img.php.cn/upload/webcode/000/287/557/6340dac18f876183.png" alt="深蓝色网站后台管理系统layui框架模板-AdminPro" onerror="this.onerror='';this.src='/static/lhimages/moren/morentu.png'" ></a>
<div class="aritcle_card_info flexColumn">
<a rel="nofollow" href="/xiazai/code/7535" title="深蓝色网站后台管理系统layui框架模板-AdminPro" class="overflowclass">深蓝色网站后台管理系统layui框架模板-AdminPro</a>
<p class="overflowclass">一款深蓝色网站后台管理系统layui框架模板</p>
</div>
<a rel="nofollow" href="/xiazai/code/7535" title="深蓝色网站后台管理系统layui框架模板-AdminPro" class="aritcle_card_btn flexRow flexcenter"><b></b><span>下载</span>
</a>
</div>
</div>
<p>...</p>
</div>',
area: ['600px', '500px']
});
使用 maxHeight 配置项时的陷阱
layui 的 maxHeight 是针对整个弹层（含标题栏、按钮栏）的高度限制，不是内容区高度。它只在 type=1（页面层）和 type=2（iframe 层）下生效，且会自动计算并设置 .layui-layer-content 的 max-height —— 但默认不加 overflow，所以仍需手动补上。
- 若设置了
maxHeight: 400，但没给内容区加overflow-y: auto，滚动条依然不会出现 - 实际内容区可用高度 ≈
maxHeight - 标题高度（36px） - 底部按钮区高度（约 48px），需预留空间 - 响应式场景下，建议用
max-height: calc(80vh - 84px)替代固定像素值
iframe 弹层中子页面滚动与父层滚动的冲突
type=2（iframe）弹层默认允许 iframe 自身滚动，但用户常误以为要让外层弹窗滚动。此时关键不是改 layer，而是确保 iframe 内容能撑开或限制其高度。
- 在
content传入 iframe URL 后，可通过success回调注入样式：success: function(layero){ layero.find('iframe').css('height', '400px'); } - iframe 内页面需自行处理：给
或主容器设overflow-y: auto，否则滚动事件会被截断 - 禁止 iframe 滚动可加
scrolling="no"，但会丢失内容，慎用
真正难处理的是动态内容高度变化（比如加载后展开折叠面板），这时得监听内容尺寸并手动触发 layer.style() 更新样式，而不是依赖初始配置。
