layui侧边栏滚动条需针对.layui-side-scroll容器定制：设::-webkit-scrollbar宽4px、轨道浅灰圆角、滑块中性灰圆角，加!important确保生效，并启用-webkit-overflow-scrolling:touch提升流畅度。
layui侧边栏滚动条默认较粗、颜色生硬，想改成极简细条，关键不是“加样式”，而是精准定位容器、关闭干扰机制、再用 CSS 轻量覆盖。
找准滚动作用对象：不是 .layui-side，而是 .layui-side-scroll
layui 的侧边栏滚动容器是 .layui-side-scroll（不是 .layui-side），它内部设置了 overflow-y: auto，滚动条实际渲染在此元素上。所有美化必须针对它生效：
- 务必使用选择器：
.layui-side-scroll::-webkit-scrollbar - 避免写成
.layui-side::-webkit-scrollbar或泛用::-webkit-scrollbar（会污染全局） - 若用了 Layui 的折叠菜单（如
lay-shrink="true"），仍以.layui-side-scroll为唯一目标
设为极细：宽度缩到 4–6px，轨道留白但不显空
极简细条的核心是视觉“克制”：滑块窄、轨道浅、圆角小、无边框。推荐一组干净参数：
-
::-webkit-scrollbar { width: 4px; }（垂直滚动条） -
::-webkit-scrollbar-track { background: #f8f9fa; border-radius: 2px; }（浅灰底，微圆角） -
::-webkit-scrollbar-thumb { background: #d0d0d0; border-radius: 2px; }（中性灰，不抢眼） - 悬停可选：
::-webkit-scrollbar-thumb:hover { background: #b0b0b0; }（轻微加深，保持克制）
强制生效与兼容处理
layui 自带 CSS 权重较高，直接写可能被覆盖。确保样式生效需两步：
- 把上述 CSS 放在
<style></style>标签中，并置于layui.css引入之后 - 每条规则末尾加
!important，例如：width: 4px !important; - Firefox 不支持
::-webkit-scrollbar，但 layui 侧边栏在 Firefox 下滚动条本就细且原生简洁，无需额外适配；IE 已淘汰，忽略
移动端滑动顺滑补丁
安卓 WebView 或 iOS Safari 下，.layui-side-scroll 横向/纵向拖动易卡顿。加一行硬件加速声明即可改善：
.layui-side-scroll { -webkit-overflow-scrolling: touch; will-change: scroll-position; }- 该声明不影响样式，只提升滚动响应，对细条观感无干扰
