Layui侧边栏选中项自动滚动定位需用scrollIntoView({block:'center',behavior:'smooth'})，在nav事件回调或渲染后执行，注意二级菜单延时定位及初始化路由匹配时的动态加载时机。
让 Layui 侧边栏的当前选中项始终保留在可视区域内，核心不是“高亮样式”，而是“滚动定位”——即当菜单项较多、侧边栏可滚动时，点击或初始化后自动将选中项滚动到可见位置，避免被截断或藏在顶部/底部外。
用原生 scrollIntoView 实现平滑定位
这是最轻量、兼容性好（Chrome 61+/Firefox 60+/Edge 79+）、无需额外依赖的方法。关键是在菜单渲染完成、选中状态确定后，主动调用 scrollIntoView：
- 找到当前选中的菜单项 DOM（如带有
layui-this类的.layui-nav-item或.layui-nav-child dd.layui-this） - 调用
el.scrollIntoView({ block: 'center', behavior: 'smooth' })，确保居中且平滑 - 推荐在
element.on('nav')回调末尾或form.render()后执行，避开 DOM 渲染竞态
适配 Layui 侧边栏滚动容器
Layui 的 .layui-side-scroll 是带 overflow-y: auto 的滚动容器，scrollIntoView 默认作用于最近的滚动祖先。需注意：
- 确保选中项的父容器确实是
.layui-side-scroll（检查结构是否被意外包裹或破坏） - 若侧边栏用了
iframe或动态加载内容，需等子页面 DOM 就绪后再执行定位 - 避免在
.layui-nav-tree上设height或overflow，否则会干扰.layui-side-scroll的滚动上下文
处理二级菜单展开后的定位偏移
点击一级菜单展开二级项时，DOM 高度突变可能导致已定位的选中项再次偏出视口。解决方法：
- 监听
element.on('nav')后，先setTimeout(..., 0)延迟一帧，确保二级菜单 DOM 已插入并完成 CSS 过渡 - 对二级选中项，优先定位其所在
.layui-nav-child的顶部，再微调偏移量（如el.offsetTop - 40），避开折叠箭头或 header 遮挡 - 若使用
lay-accordion，注意展开动画结束事件未暴露，setTimeout是目前最稳妥的兜底方式
初始化时自动定位（含路由匹配场景）
页面首次加载或刷新后，需根据 URL 或后端返回的权限数据判断当前选中项。建议流程：
- 解析当前路径（如
location.pathname），匹配菜单href或data-url属性 - 给匹配项添加
layui-this，同时移除兄弟节点同类 class - 立即触发一次
scrollIntoView，不依赖用户后续点击 - 如菜单由 JS 动态生成（如通过
$.get请求菜单数据），务必在then回调内执行定位，而非 DOMContentLoaded 时机
