Streaming live at 10am (PST)

Parallax Scrolling Effect


#1

Hi!

I'm trying to achieve the same scrolling effect of this site http://www.kabertech.com/
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!


#2

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

https://webflow.com/website/css-parallax


#3

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.


#4

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