(thread moved here from another thread).
A page (PB) has a row with background photo and some foreground items (images), which produce a very nice parallax effect. When using Chrome on Windows, I reduce the viewing area at will – e.g. to a size way narrower than my mobile – and I still get a perfect parallax (nicely reduced to the visible area size). Moreover, Chrome has a feature to actually emulate all kinds of phones and tablets for you (within the Inspect feature) – very nice. No matter which phone I emulate (Nexus 6P, iPhone 5, iPhone 6…) I get a perfectly played parallax.
Until I go to an actual mobile phone. There, no parallax. Everything scrolls in sync – foreground and background. It’s as if the row answers to
background-attachment: scroll. Only that on the PC, with the same size of viewing area - there’s full parallax.
I’m trying it in Chrome on an Android 6 phone.
This is weird (as I don’t understand the media query that would account for this difference) and I’m quite at loss as to how to fix it. As a data point, the phone does show nice parallax with the web site mentioned in the previous thread.