如何用background-attachment属性解决移动端弹性滚动造成的空白问题？
- 内容介绍
- 文章标签
- 相关推荐
本文共计685个文字，预计阅读时间需要3分钟。
移动端弹塑性滚动（overscroll）本身不会产生空白，且无法通过`background-attachment`属性修复。这是常见的误解：
为什么 background-attachment fixed 在 iOS 上基本无效
从 iOS 15 开始，Safari 明确禁用 background-attachment: fixed（包括 local），除非元素同时满足：transform: translateZ(0) + will-change: transform + 父容器有明确 height 或 overflow: hidden。即便强行启用，它只影响背景图的视差位移，完全不阻止 overscroll 拉出的空白区域。
本文共计685个文字，预计阅读时间需要3分钟。
移动端弹塑性滚动（overscroll）本身不会产生空白，且无法通过`background-attachment`属性修复。这是常见的误解：
为什么 background-attachment fixed 在 iOS 上基本无效
从 iOS 15 开始，Safari 明确禁用 background-attachment: fixed（包括 local），除非元素同时满足：transform: translateZ(0) + will-change: transform + 父容器有明确 height 或 overflow: hidden。即便强行启用，它只影响背景图的视差位移，完全不阻止 overscroll 拉出的空白区域。