Streaming live at 10am (PST)

Parallax Scrolling. Need Help!


#1

Hi! blush
I am from Ukraine. Do not speak English. I use Google Translate. In my project does not work parallax scrolling:
https://preview.webflow.com/preview/parallax-scrolling?preview=f3b5af4509342c4b38ab12715d4e9bf2
How Come?
I export the code and scripts to your local computer. Moved scripts in the Head:
https://www.dropbox.com/s/ep6ho9ed16k7bxe/parallax-scrolling.webflow.rar?dl=0
Everything works! Why can not I do to work in Webflow?


#2

Hi @Sergey, thanks for your post. If I understand the question you are asking, the answer is that custom scripts put in the head do not get shown until after the site is published. An exported site is considered published, so it works locally. Did I get the question correct? Or is there a problem that the Parallax is not working locally?

Cheers, Dave


#3

Parallax does not work in WebFlow. How to make it to work in WebFlow?


#4

Hi @Sergey, see this post:

If you are wanting to achieve a parallax scrolling that goes beyond using fixed background images alone, you can look at some jquery plugins:

https://plugins.jquery.com/tag/parallax/

Webflow allows you to set a fixed background image on a section (like you have in your design). To get a real parallax scrolling effect to work, you need some script for that. You can put your custom script in the Footer section of your Custom Code tab in Site Settings.

I hope that helps. If you have exported your site, and plan to put it on your own server, then I would recommend uploading that, then sharing the link, so we can see what your site looks like when published, and what errors there are, if any. Cheers, Dave


#5

Can show me an example of work parallax WebFlow?


#6

I figured out! Thank you all for your help! WebFlow - it's cool!
http://parallax-scrolling.webflow.com


#7

That's awesome @Sergey, thanks for sharing smile Cheerios, Dave


#8

Hi Dave! Can u explain how reacreate such effect with stellar.js?


#9

https://preview.webflow.com/preview/roaming?preview=7131be095d820787fe979c0c10aa3550

what i'm doing worng? i need to asign parallax effect to main background at homepage


#10