Streaming live at 10am (PST)

Parallax Scrolling Effect


I’m trying to achieve the same scrolling effect of this site
When you scroll down, the red section scrolls natural, but the first section with the hero text scrolls out slower.
How can I get this?

Thank you very much in advance!

This is called a parallax effect, it’s actually not doable in Webflow by default. You can use custom code, there are numerous JS libraries to achieve this. I made an experiment using only CSS by I don’t recommend it… it’s really a javascript job. Webflow team has repeatedly said it would be cool to bring parallaxes and scroll hijacking to Webflow. One day maybe :smile:

Thanks Vincent!

I downloaded parallax.js last night and it’s working great!
Now the problem is I can apply the parallax effect to any background but I can’t do it over a whole section containing a Google map widget.

This topic was automatically closed 7 days after the last reply. New replies are no longer allowed.