DEV Community

Arnav Bansal
Arnav Bansal

Posted on

5 4

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: https://www.w3schools.com/howto/tryhow_css_parallax_demo.htm

Top comments (1)

Collapse
 
edisonywh profile image
Edison Yap

caniuse.com/#search=Background-att...

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

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

👋 Kindness is contagious

Explore a trove of insights in this engaging article, celebrated within our welcoming DEV Community. Developers from every background are invited to join and enhance our shared wisdom.

A genuine "thank you" can truly uplift someone’s day. Feel free to express your gratitude in the comments below!

On DEV, our collective exchange of knowledge lightens the road ahead and strengthens our community bonds. Found something valuable here? A small thank you to the author can make a big difference.

Okay