能，但仅限于阻止子容器触发的连锁回弹；overscroll-behavior需作用于内部可滚动容器本身，设为contain最常用；无效常见原因包括未设overflow、使用fixed/transform或在iOS上误设body。
移动端滚动到边界时的“橡皮筋”效果能被CSS关掉吗
能，但仅限于阻止**子容器触发的连锁回弹**，不是彻底禁用系统级橡皮筋。iOS Safari 和部分安卓浏览器的底层拖拽回弹（比如整个页面拉出白边）无法用 CSS 关闭，overscroll-behavior 管不到那一层。
overscroll-behavior 该用在哪个元素上才有效
必须作用于**内部可滚动容器本身**，比如 div、section 或自定义下拉列表的包裹层。对 body 或 html 设置通常无效（尤其 iOS），且可能干扰原生导航手势。
-
overscroll-behavior: contain：子容器滚到头时既不触发默认回弹，也不把滚动穿透给父级（最常用） -
overscroll-behavior: none：同contain，但额外禁止所有滚动传播（包括键盘唤起输入框时的自动滚动） -
overscroll-behavior-y: auto; overscroll-behavior-x: contain：只约束横向，纵向保持原行为（适合轮播图）
为什么加了 overscroll-behavior 还是会回弹
常见原因有三个：
- 目标元素没设置
overflow（如overflow-y: scroll），overscroll-behavior只对真正可滚动的元素生效 - 用了
position: fixed或transform导致浏览器创建了新的层叠上下文或滚动上下文，绕过样式控制 - 在 iOS 上对
body设置overscroll-behavior，实际被忽略——iOS 不允许网页干预根滚动的橡皮筋
验证方法：打开开发者工具，选中该元素，看 computed 样式里 overscroll-behavior 是否生效（不是灰色禁用状态）。
立即学习“前端免费学习笔记（深入）”；
和 touch-action、-webkit-overflow-scrolling 的关系
overscroll-behavior 和它们不冲突，但职责不同：
-
touch-action: none会直接禁用所有触摸滚动，连正常滑动都失效，慎用 -
-webkit-overflow-scrolling: touch是旧版 iOS 的惯性滚动开关，现代 iOS 已默认开启，设了反而可能引发渲染异常 - 三者混用时，
overscroll-behavior优先级最低——如果touch-action已经锁死滚动，它就无事可做
真要压制回弹，优先检查滚动容器是否必要、是否嵌套过深、是否意外触发了 body 滚动——很多“橡皮筋”其实是内容高度撑不满屏幕，导致 body 自己成了可滚动体。
