ios 不支持 `background-attachment: fixed`，因此需采用基于滚动监听的 javascript 方案（如 `requestanimationframe` + `transform: translatey()`）替代纯 css 实现，确保多个视差层在 safari 中平滑、独立工作。
在现代 Web 开发中，为提升视觉层次感，多层视差滚动（Parallax Scrolling）常被用于首页 Banner、分段式介绍等场景。然而，iOS 系统（尤其是 Safari 浏览器）自始至终不支持 background-attachment: fixed —— 这一 CSS 属性正是传统视差效果的核心依赖。这意味着你当前使用的 .parallax1–.parallax3 类（全部依赖 background-attachment: fixed）在 iPhone/iPad 上将完全失效，仅呈现静态背景图。
要真正解决「多个视差图像在 iOS 上协同工作」的问题，必须转向JavaScript 驱动的视差方案，其核心逻辑是：监听页面滚动位置，动态计算每个视差容器的位移偏移量，并通过 transform: translateY()（硬件加速）实时更新其视觉位置。该方案兼容所有 iOS 版本，且可为每个元素独立配置视差强度（speed factor），避免相互干扰。
