背景附件：固定;在移动Safari上

Question

我正在尝试使用此模板中的漂亮视差效果。它似乎适用于所有浏览器，除了移动Safari（异常）！

http://wrapbootstrap.com/preview/WB002R8U1

查看iPad上的ABOUT和FOURTH部分，背景图像丢失（可能是因为它粘在其他元素后面的页面顶部。

任何人都知道解决方法吗？

非常感谢。

Answer 1

移动iOS上的视差并不那么容易：Safari会在滚动时阻止所有渲染（用于提升性能），因此您无法测量当前滚动距离并将其应用于背景位置。你完成滚动（没有动画，所以你不会看到任何东西），图片只会刷新它的位置。

有一些解决方法，但它们并不容易实现。其中一个是http://markdalgleish.com/projects/stellar.js/及其iOS techdemo。

最佳解决方案：拆分css标记，让视差仅对桌面设备可见。由于视差需要很大的功率（因为它不是硬件加速的），所以它不太适合移动设备。