-webkit-overflow-scrolling: touch仅在ios中启用原生惯性滚动，需配合overflow:auto/scroll和显式高度才生效，不能解决回弹或卡顿；它已弃用，现代方案应优先使用overscroll-behavior+touch-action。
-webkit-overflow-scrolling 是 iOS Safari 和旧版 WebKit 浏览器中控制滚动行为的私有属性，**仅在 overflow: auto 或 overflow: scroll 的元素上生效，且只对 iOS 有效**。它不能解决“滚动卡顿”或“回弹失控”这类问题，而是用来切换滚动的渲染机制：启用后，滚动会走原生加速通道（即“惯性滚动”），否则走模拟滚动（无惯性、拖拽感重）。
为什么加了 -webkit-overflow-scrolling: touch 还没效果？
常见失效原因不是写法错，而是触发条件没满足：
- 父容器必须有明确的
height或max-height（不能是auto或未设高） -
overflow值必须是auto或scroll，hidden或visible下该属性被忽略 - 元素不能是
position: static且被transform、opacity等触发层叠上下文的属性干扰（iOS 早期版本尤其敏感） - iOS 15+ 已开始弱化该属性作用，部分场景下即使写了也退回到默认行为
-webkit-overflow-scrolling: touch 和 overscroll-behavior 能一起用吗？
能，但目的完全不同，别混淆：
-
-webkit-overflow-scrolling: touch解决的是“滚动是否带惯性”，只影响 iOS 触摸滚动的物理表现 -
overscroll-behavior: contain解决的是“滚到头之后是否触发父级滚动或回弹”，跨平台生效（Chrome/Firefox/Safari 均支持） - 两者叠加常见于需要同时禁用回弹 + 启用惯性滚动的弹窗/侧边栏场景，例如：
.modal-content {<br> height: 300px;<br> overflow-y: auto;<br> -webkit-overflow-scrolling: touch;<br> overscroll-behavior: contain;<br>}
替代方案：现在还该依赖它吗？
不该主动依赖，尤其新项目：
- iOS 16.4+ 对该属性已标记为“deprecated”，Safari 技术预览版中已移除文档说明
- 现代替代方式是用
scroll-behavior: smooth+overscroll-behavior组合，再配合touch-action: pan-y明确滚动方向 - 若仍需兼容 iOS 12–15，可保留该属性，但必须搭配
will-change: scroll-position防止某些机型闪屏 - 注意：加了
-webkit-overflow-scrolling: touch可能导致 fixed 定位子元素在滚动时错位，这是 WebKit 已知渲染 bug，无完美修复，只能避免在该容器内放position: fixed元素
真正关键的不是要不要写这行 CSS，而是确认你面对的是 iOS 旧版本兼容需求，还是想解决滚动惯性 —— 前者才需要它，后者现在更该看 scroll-snap 或 passive touch listener。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
