DEV Community

Arnav Bansal
Arnav Bansal

Posted on

Using parallax scrolling on mobile?

I'm trying to use background-attachment: fixed. On desktop, this works as expected. But on mobile, it's broken. The background image moves with the page.

I've read workarounds that include using position: fixed, but if it's disabled on mobile, there must be a reason for it.

Here's an example of a page that uses the parallax scrolling effect:

Top comments (1)

edisonywh profile image
Edison Yap

Suppose you tried on iOS? Doesn't work on iOS apparently.

A quick Google around says that it's disabled intentionally for performance reasons