Layui验证失败后不自动滚动是因为form.verify仅校验并添加layui-form-danger类，不触发DOM滚动；需在form.on('submit')中先调form.validate()确保类已添加，再用$('#myForm .layui-form-danger').first()[0]?.scrollIntoView({behavior:'smooth',block:'center'})滚动，并配合scroll-margin-top:60px避遮挡。
为什么验证失败后页面不自动滚动到错误项
Layui 的 form.verify 只负责校验逻辑和添加 layui-form-danger 类，它本身不触发任何 DOM 滚动行为。用户点击提交后，即使第一个输入框红边+提示已出现，视口仍停留在原位置——尤其在长表单、layer.open 弹层或移动端，根本看不到报错项。
如何在 submit 里安全获取首个错误元素并滚动
不能直接在 form.on('submit') 回调里查 .layui-form-danger，因为该 class 是验证完成、提示渲染后才加上去的，而 submit 回调执行时 DOM 尚未更新。
- 必须先主动调一次
form.validate()或form.verify(elem)，确保.layui-form-danger已写入 DOM - 滚动目标要限定作用域：
$('#myForm .layui-form-danger').first()，避免多个表单互相干扰 - 调用
[0]?.scrollIntoView({ behavior: 'smooth', block: 'center' })，block: 'center'比'nearest'更可靠，能避开顶部固定导航栏遮挡 - 给报错
<input>或其父级.layui-form-item加 CSS：scroll-margin-top: 60px，比 JS 计算偏移更稳定
Tab 页或折叠面板里的错误项怎么滚动过去
如果错误项在未激活的 Tab 页或收起的 .layui-colla-item 里，scrollIntoView 会失效——元素不可见，浏览器无法定位。
- 先用
element.tabChange('filter', 'tab-id')切换到对应 Tab 页 - 若在折叠面板中，需先调
element.accordion('expand', index)展开对应项 - 查找范围必须收紧：
$('.layui-tab-content .layui-show .layui-form-danger').first()，不能全局查 - 弹层内滚动目标不是
window，而是.layui-layer-content（当 layer 设置了maxHeight或scrollbar: false时）
容易被忽略的两个细节
layui-form-danger 类不会在用户修改后自动清除——比如用户输完再删光，Layui 不会移除该 class，但后续验证可能已通过；所以滚动逻辑必须绑定在验证失败的当下，不能靠监听 class 变化。
动态渲染的表单（如异步加载、laytpl 渲染）必须等 form.render() 执行完，再绑定 form.on('submit')，否则验证逻辑根本不生效，.layui-form-danger 根本不会出现。
