我正在尝试在此模板中使用漂亮的视差效果。它似乎适用于除移动 Safari 之外的所有浏览器（异常）！
http://wrapbootstrap.com/preview/WB002R8U1
查看 iPad 上的 ABOUT 和 FOURTH 部分，背景图像丢失（可能是因为它粘在其他元素后面的页面顶部。
有人知道解决方法吗？
非常感谢。
问问题
2207 次
1 回答
0
移动 iOS 上的视差并不那么容易：Safari 会在滚动时阻止所有渲染（以提高性能），因此您无法测量当前滚动距离并将其应用于背景位置。图片只会在您完成滚动后刷新其位置（并且没有动画，因此您将看不到任何内容）。
有一些解决方法，但它们并不容易实现。其中之一是http://markdalgleish.com/projects/stellar.js/及其iOS 技术演示。
最佳解决方案：拆分您的 css 标记并让视差仅对桌面设备可见。由于视差需要大量功率（因为它不是硬件加速的），所以无论如何它不太适合移动设备。
于 2013-03-30T22:42:00.647 回答