要隐藏 scroll-view 滚动条并保留滚动功能，必须设置 :show-scrollbar="false"，而非 CSS 隐藏；滑块宽度按 (windowWidth / totalContentWidth) × 100% 动态计算；用 requestAnimationFrame 平滑同步 scrollLeft，避免跳变；注意安全区域与 z-index 层级适配。
怎么让 scroll-view 滚动条完全隐藏又保留滚动功能
必须关掉系统默认滚动条，否则自定义滑块会和原生滚动条打架。关键配置是 :show-scrollbar="false"，不是用 CSS 隐藏（overflow: hidden 或 ::-webkit-scrollbar 在小程序里无效）。H5 端虽支持伪元素隐藏，但 uni-app 编译到多端时，只有 show-scrollbar 是跨平台可靠的。
常见错误是只写 scroll-x 却漏掉 show-scrollbar，结果 iOS 上仍能看到细长原生滚动条，安卓则可能在快速滑动时闪现；更糟的是，某些低端安卓机上原生滚动条会遮挡自定义滑块，导致点击错位。
- 务必在
<scroll-view>标签上显式设置:show-scrollbar="false" - 不要依赖 CSS 的
overflow控制，uni-app 中该属性对 scroll-view 无效 - 如果用了
enhanced属性（如需下拉刷新），show-scrollbar仍需单独设为 false
自定义滑块宽度怎么按内容比例动态算
滑块宽度不是固定值，得根据「可视宽度 / 总内容宽度」来算。比如总宽度 2000rpx，当前视口宽 750rpx，那滑块宽度就是 750 / 2000 * 100 + '%'，即 37.5%。这个比例必须实时更新，否则拖动滑块时位置会偏移。
注意：不能直接用 e.detail.scrollWidth 和 e.detail.viewSize 做除法——它们单位不一致（前者是 px，后者是 rpx），且小程序真机上 viewSize 常返回 0。稳妥做法是用 uni.getSystemInfoSync().windowWidth 获取视口宽，再用 uni.createSelectorQuery() 主动查内容容器的 width。
- 监听
@scroll事件获取e.detail.scrollLeft，用于计算滑块transform: translateX(...) - 滑块宽度公式：
(windowWidth / totalContentWidth) * 100 + '%' - totalContentWidth 必须在 mounted 后用 selector 查询一次，不能靠 v-for 渲染后估算
为什么滑块位置总是滞后半拍或跳变
根本原因是 scroll 事件节流太狠，尤其在 iOS 上，@scroll 触发频率远低于实际滚动帧率，导致 translateX 更新不同步。解决方案不是加防抖，而是改用 requestAnimationFrame 做平滑插值。
实操时别在 @scroll 回调里直接设 scrollLeft，而是存一个目标值，然后在 rAF 里线性过渡过去。否则用户猛甩手指时，滑块会“卡住→突进→再卡住”，体验像抽搐。
- 把
scrollLeft存为 data 里的targetScrollLeft，而非直接绑定样式 - 在
@scroll里只更新targetScrollLeft = e.detail.scrollLeft - 用
requestAnimationFrame持续比对当前actual和target，每次微调 5–10px - 滑块
transform绑定的是actual，不是target
移动端适配中容易被忽略的间距和层级问题
自定义滚动条常贴着内容底部“悬空”或被遮挡，不是样式写错了，而是没处理好安全区域和父容器 padding。尤其在 iPhone X 及后续机型上，底部横条（Home Indicator）会让 scroll-view 的 height 计算失准。
另一个坑是 z-index：滑块容器必须比内容层高，但又不能高过弹窗、picker 等原生组件——这些组件层级由 native 控制，CSS z-index 对它们无效。所以滑块容器的 z-index 建议设为 10，内容区设为 1，导航栏设为 99，避免冲突。
- 滑块容器外层加
padding-bottom: env(safe-area-inset-bottom)（H5/小程序都支持） - 不要给滑块容器设
position: absolute，改用position: fixed+bottom: 0更稳 - 滑块轨道高度必须严格等于设计稿的 8rpx，不能靠
line-height或padding模拟
滑块的 transform 值和宽度计算必须走同一套像素基准，混用 rpx 和 px 是多数跳变问题的根源。真机调试时，优先看 iOS 表现——它暴露的问题最全。
