Android 版 Chrome 上的纯 CSS 视差滚动效果答案

【问题标题】：Pure CSS Parallax Scrolling Effect on Chrome for AndroidAndroid 版 Chrome 上的纯 CSS 视差滚动效果
【发布时间】：2014-09-11 00:30:37
【问题描述】：

Keith Clark 写了一个 excellent, minimal demo 演示了仅使用带有 perspective: 1px、overflow-y: auto 和 width: 100vw 的容器的 CSS 的视差滚动效果。

但是，如果您使用 Android 版 Chrome 访问该页面（我没有尝试过其他移动设备，欢迎使用 cmets），它不起作用。我使用的是 Chrome 37.0.2062.117、Android 4.4.4、Nexus 4。

我试过-webkit-。它不适用于演示。

有one related question on the site，但它也不适用于 Android 版 Chrome——我的手机上没有视差滚动。

谁能提供基于demo 的解决方案，该解决方案是纯 CSS 并适用于 Android 版 Chrome？

【问题讨论】：

它不仅仅是适用于 Android 的 Chrome。也不能在 Mac 上的 Chrome (M37) 上工作。 His blog post在页面顶部提到了这一点，并指的是暂时如何更正。
演示在 Chrome Beta 38.0.2125.57 (Blink 537.36 @181577) 上运行良好，运行 Android 4.4.4 的 LG Optimus 4X HD，所以很快我们就会看到它在运行Chrome 稳定版。
谢谢。我可以确认它可以在 Mac 上的 Chrome M37 上运行，所以也许我应该切换到 Chrome 测试版。
好像不能再工作了。

【解决方案1】：

http://www.skullysystems.com 是我所知道的唯一一个具有适用于所有浏览器的解决方案的网站，我不确定它们是他们正在使用的库还是他们构建的自定义脚本。您可以尝试对他们构建的内容进行逆向工程。

【讨论】：

【解决方案2】：

原来这只是 Chrome M37 中的一个错误。版本 38 运行良好！

【讨论】：