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

Billboard image

Create up to 10 Postgres Databases on Neon's free plan.

If you're starting a new project, Neon has got your databases covered. No credit cards. No trials. No getting in your way.

Try Neon for Free →

👋 Kindness is contagious

Please leave a ❤️ or a friendly comment on this post if you found it helpful!

Okay