没有“一种写法通吃所有平台”的方案，必须按平台和容器类型分情况处理：微信小程序需物理裁剪或限定class+伪元素，App端用show-scrollbar属性或pages.json配置，H5需兼容多内核，iOS真机需叠加硬件加速与enhanced模式。
直接说结论：没有“一种写法通吃所有平台”的方案，必须按平台和容器类型分情况处理。uni-app 的滚动条隐藏不是纯 css 问题，而是跨端渲染机制差异导致的——微信小程序的 scroll-view 是自定义组件，h5 是原生 div，app 端又走原生 webview 或原生控件，各自对 ::-webkit-scrollbar 的支持程度天差地别。
scroll-view 组件内滚动条隐藏失败的常见原因
你在 scroll-view 上写了 ::-webkit-scrollbar { display: none; } 却没生效？大概率踩了这几个坑：
- 没加 class 限定选择器 —— 必须给
scroll-view加 class（比如class="my-scroll"），然后全局写.my-scroll::-webkit-scrollbar { display: none !important; width: 0 !important; }，泛写scroll-view::-webkit-scrollbar在微信小程序基础库 - 父容器没形成独立 BFC —— 外层
view要加overflow: hidden，且scroll-view自身需设height+enable-flex（尤其微信小程序），否则伪元素无渲染上下文可依附 - NVue 下 CSS 无效 —— NVUE 渲染引擎不支持伪元素，必须用属性：
<scroll-view :show-scrollbar="false"></scroll-view>（仅 App 端有效） - H5 双内核漏处理 —— Chrome 用
::-webkit-scrollbar，Firefox 必须配scrollbar-width: none; -ms-overflow-style: none;
pages.json 里 globalStyle 的 scrollIndicator 配置只对 App 有效
"scrollIndicator": "none" 这个配置写在 pages.json 的 globalStyle 或 app-plus 节点下，只影响编译后的 App 端（iOS/Android），对 H5、微信/支付宝小程序完全无效。它本质是把原生 WebView 的滚动指示器开关关掉，和 CSS 层面无关。
常见误用：
- 以为加了这个就能解决小程序滚动条 —— 实际毫无作用
- 在
mp-weixin节点下也写一遍 —— 微信小程序不识别该字段，编译会警告甚至报错 - 没配合页面级 overflow 控制 —— App 端即使关了
scrollIndicator，若页面内容超出视口且未设overflow: hidden，仍可能触发系统级滚动行为
微信小程序隐藏滚动条必须“物理裁剪”
基础库 ::-webkit-scrollbar 对 scroll-view 彻底失效。此时唯一可靠方案是“骗过渲染引擎”：
- 外层
view设style="overflow: hidden;" -
scroll-view设enable-flex+style="width: calc(100% + 2px);"（加 1–2px 宽度让滚动条溢出被裁掉） - 禁用
show-scrollbar="false"—— 文档写了，但微信长期未实现，真机上等于没写
这个方案在 iOS 和安卓真机上都稳定，但要注意：加宽不能太多，否则可能影响横向布局或触发意外滚动。
iOS 真机滚动条残留的强制兜底方案
iOS Safari 和 WKWebView 对滚动条的控制更顽固，有时即使 CSS 生效，快速滑动后仍会短暂闪现。这时要叠加硬件加速和橡皮筋抑制：
-
scroll-view加style="-webkit-overflow-scrolling: touch; overflow: scroll;" - 父容器加
style="-webkit-transform: translateZ(0);"触发 GPU 渲染 - 如需彻底禁用橡皮筋效果（比如全屏图片浏览），加
enhanced属性：<scroll-view enhanced :show-scrollbar="false"></scroll-view>（uni-app 2.12.0+ 支持）
注意：enhanced 模式在部分旧版微信小程序中可能引发兼容问题，上线前务必真机验证。
最麻烦的不是写法多，而是每个平台都要单独验证 —— 微信开发者工具模拟器、iOS 真机、安卓真机、H5 Chrome/Firefox、App 打包包，五种环境至少得测三遍。别省这步，滚动条这种细节，用户一眼就注意到。
