Search code examples
cssscrolltransformparallaxperspective

Pure CSS Parallax Scrolling Effect on Chrome for Android

Keith Clark wrote an excellent, minimal demo demonstrating parallax scrolling effect using only CSS with perspective: 1px, overflow-y: auto and a container at width: 100vw.

However, if you go to that page with Chrome for Android (I have not tried other mobile devices, comments welcome), it does not work. I'm on Chrome 37.0.2062.117, Android 4.4.4, Nexus 4.

I have tried -webkit-. It does not work for the demo.

There is one related question on the site, but it also does not work on Chrome for Android—there is no parallax scroll on my phone.

Could anyone offer a solution based on the demo that is pure CSS and works on Chrome for Android?

Solution

  • Turns out it's just a bug in Chrome M37. Version 38 works just fine!