Layui弹窗需设固定高度、content容器max-height+overflow-y:auto、fixed:true+scrollbar:false禁背景滚动，移动端加touchmove阻止，iframe用外层div包裹，浮层裁切需自定义skin设overflow:visible。
当Layui弹窗内容超出设定高度时，需要让弹窗内部可滚动、背景页面完全静止，且不因滚动条出现导致页面抖动或遮挡内容。
给弹窗内容容器设置最大高度与垂直滚动
第一步：确保使用 type: 1（页面层）或 type: 3（DOM ID）方式加载内容，避免直接传字符串导致样式失控。
第二步：在 layer.open 配置中显式指定 area 参数，例如 area: ['600px', '420px']——【height 必须是具体数值，不能写 'auto'】，否则 layui 无法正确计算容器尺寸，滚动逻辑会失效。
第三步：在 success 回调中定位 .layui-layer-content，并设置其 max-height 和 overflow-y：
success: function(layero) {<br> layero.find('.layui-layer-content').css({<br> 'max-height': '380px',<br> 'overflow-y': 'auto',<br> 'padding-right': '10px'<br> });<br>}
注意：必须用 max-height 而非 height，否则内容不足时会留白，内容超长时又会截断；padding-right 是为防滚动条遮挡右侧文字，尤其在无自定义 skin 时很关键。
禁用背景滚动并防止页面跳顶
layer.open 默认不冻结背景滚动，仅靠 scrollbar: false 不够，必须配合 fixed: true 才生效。
在 open 配置中加入这两项：
scrollbar: false,<br>fixed: true,
【scrollbar: false 必须与 fixed: true 同时存在，缺一不可】。若 fixed 被设为 false 或被其他 CSS 覆盖，scrollbar: false 将完全失效，背景仍可滚轮滚动。
移动端还需拦截 touchmove，默认 passive 机制会让 preventDefault 失效，因此要在 success 中加监听：
success: function(layero) {<br> const stopTouch = e => e.preventDefault();<br> document.body.addEventListener('touchmove', stopTouch, { passive: false });<br> // 记得在 end 或 cancel 中移除：<br> // document.body.removeEventListener('touchmove', stopTouch);<br>}
解决 iframe 弹窗滚动条不显示的问题
方法一：强制覆盖 layui 的默认 overflow 样式
在全局 CSS 中添加（必须带 !important）：
.layui-layer-iframe .layui-layer-content {<br> overflow-y: auto !important;<br>}
方法二：改用 type: 3 + DOM ID 方式，更可控
先写一个隐藏的 div：
再配置 layer.open：
type: 3,<br>content: '#myIframeWrap',<br>area: ['720px', '500px']
这样 iframe 被包裹在有 max-height 的 div 内，滚动行为由外层 div 控制，不再依赖 iframe 自身高度继承逻辑。
修复下拉框等浮层被弹窗滚动裁切的问题
layui-layer-content 默认 overflow: auto 会把所有子级浮层（如 form.select 的 dl 列表）强行截断。
只需将该容器的 overflow 改为 visible，但不能直接改 layui 默认类——要通过自定义 skin：
定义 CSS：
.my-modal .layui-layer-content { overflow: visible !important; }
调用时指定 skin：
skin: 'my-modal'
这一步不做，下拉选项、日期面板、Tooltip 等都会被“砍头”，即使内容区域有滚动条也看不到完整选项。
