overscroll-behavior: none 经常无效是因为 iOS Safari 仅支持作用于有明确高度、overflow 且内容真实溢出的非根元素（如 .list-container），不生效于 html/body；需穿透设置框架滚动区（如 ::deep(.uni-scroll-view-content)），嵌套滚动须内外层均声明，旧版 iOS 需 JS 降级拦截 touchmove 并设 { passive: false }。
直接加 overscroll-behavior: none 为什么经常没效果
因为 iOS Safari 对 overscroll-behavior 的支持有明确限制：它只对「实际可滚动的容器」生效，且不作用于 html 或 body 根元素。你写 body { overscroll-behavior: none; }，Computed Styles 里大概率显示为灰色禁用状态——这不是 CSS 写错了，是浏览器根本无视。
真正生效的位置必须同时满足：
- 容器设置了 overflow-y: scroll 或 auto
- 容器有明确高度（如 height: 60vh、max-height: 400px），不能靠内容撑开
- 内容实际溢出，触发了滚动条（哪怕只是隐藏的）
- 样式作用在滚动发生的具体元素上，比如 .list-container，而不是它的父 wrapper
uni-app 和微信小程序中怎么穿透设置
框架封装的滚动组件（如 <uni-scroll-view></uni-scroll-view> 或 <scroll-view></scroll-view>）内部滚动发生在子元素上，比如 .uni-scroll-view-content。直接给组件标签加样式无效。
必须用深度选择器命中真实滚动区域：
- Vue 2：:deep(.uni-scroll-view-content) { overscroll-behavior: none; }
- Vue 3：::v-deep(.uni-scroll-view-content) { overscroll-behavior: none; }
- 微信小程序：需在自定义组件样式中，对 scroll-view 内部区域单独声明，不能只设在组件标签上
嵌套滚动时（例如弹窗里再套一个列表），内外两层都要加 overscroll-behavior: none，否则内层停住后事件会继续冒泡到外层，照样回弹。
旧版 iOS（iOS 12 及更早）怎么兜底
iOS 12 及以下完全不识别 overscroll-behavior，仅靠 CSS 无法禁用。此时必须配合 JavaScript + 原生滚动控制：
微信小程序 TabBar 图标生成技能，使用 Python PIL 绘制简约几何图标（未选中灰、选中绿），自动写入 app.json 配置。适用于“生成 tabBar 图标”、“底部菜单栏图标”、“tab 图标”等指令。
立即学习“前端免费学习笔记（深入）”；
- 监听
touchmove事件，但只在临界位置阻止：window.scrollY === 0 && e.touches[0].clientY > 0（顶部上拉）或window.scrollY + window.innerHeight >= document.body.scrollHeight && e.touches[0].clientY （底部下拉） - 必须传
{ passive: false }，否则e.preventDefault()在 iOS 上静默失效 - 避免在
document或body上全局监听——会卡死所有滚动；应绑定到具体滚动容器的touchmove - 记得恢复
body的position: fixed和top偏移，否则页面会跳动
overscroll-behavior: none 和 contain 选哪个
绝大多数场景推荐 overscroll-behavior: contain：
- none 是彻底切断，连键盘唤起时的自动滚动定位、下拉刷新等依赖滚动传播的逻辑都可能失效
- contain 允许当前容器内有轻微弹性（比如弹窗列表拉到底部还有一点回弹），但阻止事件向上冒泡，兼容性更好（iOS 13+ 就支持）
- 如果你明确需要禁用所有弹性反馈（如固定头部布局），再用 none；但别在根元素或不可滚动区域滥用
另外，overscroll-behavior-y: none 不如直接写 overscroll-behavior: none —— iOS 橡皮筋常伴随微小水平偏移，单设垂直方向可能漏掉边界卡顿。
真正容易被忽略的是：iOS 上滚动容器是否被 WebKit 识别为独立滚动上下文。它不看你写了多少 CSS，而看是否满足硬件加速滚动的硬性条件——高度、溢出、无干扰属性缺一不可。
