直接加 overscroll-behavior: none 即可禁用 iOS 橡皮筋效果，前提是滚动容器设置了 overflow-y: scroll/auto 且内容可滚动；需作用于实际滚动元素（如 .uni-scroll-view-content 或 .content），而非父容器，并注意旧版 iOS 需配合 -webkit-overflow-scrolling: auto。
直接加 overscroll-behavior: none 就能禁用 iOS 橡皮筋
只要滚动容器本身设置了 overflow-y: scroll（或 auto），且内容确实可滚动，那么在该容器上加 overscroll-behavior: none 就能彻底阻止顶部/底部拉出空白、松手回弹的行为。这不是“削弱”效果，而是从行为源头切断溢出事件冒泡。
常见错误是只给父容器加，却忘了滚动真正发生的位置可能在子元素里。比如：
- 用
<div class="scroll-container"> 包裹内容，但实际滚动的是内部的 <code>.content—— 那就得给.content加样式，不是外层 - 在 uni-app 中用
<uni-scroll-view></uni-scroll-view>，它的滚动逻辑封装在.uni-scroll-view-content里，必须穿透设置：:deep(.uni-scroll-view-content) { overscroll-behavior: none; } - 微信小程序的
<scroll-view></scroll-view>同理，需作用于其内部滚动区域，不能只设在组件标签上 -
-webkit-overflow-scrolling: auto—— 关闭原生弹性滚动引擎 - 避免同时使用
touch值，因为-webkit-overflow-scrolling: touch会激活系统级橡皮筋逻辑，且可能导致z-index失效或遮罩层穿透 - 如果页面已有
touch且不能改，至少确保容器有明确高度（非min-height或依赖内容撑开），否则滚动可能失效
为什么 overscroll-behavior-y: none 不总管用
overscroll-behavior-y 是有效的，但它只控制垂直方向，而 iOS 橡皮筋触发时，往往伴随轻微水平偏移（尤其手指倾斜滑动），此时若水平方向未限制，仍可能触发微弱回弹或边界卡顿。
更稳妥的做法是统一用 overscroll-behavior: none，它等价于同时设 -y 和 -x。除非你明确需要保留某一个方向的弹性（比如仅允许横向轮播回弹），否则没必要拆开写。
立即学习“前端免费学习笔记（深入）”；
另外注意：该属性不继承，每个独立滚动容器都得单独声明；嵌套滚动时，内外两层都要加，否则内层停止后事件会继续冒泡到外层触发回弹。
iOS 12 及以下必须加 -webkit-overflow-scrolling: auto
在旧版 iOS Safari（尤其是 iOS 12 及更早）中，overscroll-behavior 支持不完整，仅靠它无法完全禁用惯性滚动带来的弹性反馈。此时必须配合：
别被 disableScroll 带偏了方向
在 uni-app 或微信小程序中，pages.json 里的 disableScroll: true 看似简单，但它会直接禁用整个页面的原生滚动容器 —— 这意味着你连 <scroll-view></scroll-view> 都无法正常使用（除非手动模拟滚动），而且安卓和 iOS 行为不一致（iOS 仅压掉边缘效果，安卓真·全禁）。
真正需要的是「精准控制」：让该滚动的地方滚动，不该回弹的地方不回弹。所以优先走 CSS 路线，只有在极简静态页、且确认无任何滚动需求时，才考虑 disableScroll。
还有一个容易忽略的点：padding 会参与滚动边界计算。比如容器设了 padding-top: 20px，即使内容没到顶，iOS 仍可能因 padding 区域“可拉”而触发回弹。这时候换成 margin-top 更安全。
