horizontal scroll + parallax, how to run a jInvertScroll.js at webflow ? http://www.pixxelfactory.net/jInvertScroll/
ooooooo… this looks like a great interaction for things like a timeline website/infographic.
just like any other third-party code, you’ll need to host the JS file somewhere else, like AWS, then reference that in your site’s custom code and then follow the instructions on that site to execute the code.
Good luck with it!
Read the Quickstart. It’s not just code.
Hi, I do not know how to write code, I’m just a designer, I would now like to create a spectacular site on the basis of jInvertScroll.js
Number 3 is how you are supposed to style the elements. This can be done using Webflow style toolbar for each element.
Number 4 is the code you need to put in the code block in your screenshot. Then you need to change
yourselector2 to the class names of your elements, like
I’m going crazy, what is wrong?
Your selector should look like this
Thanks Samliew, there was a horizontal scrolling, but no parallax.
problem in the settings webflow
it seems there is not enough value for the speed of each div
Is there a way to add movement speed for each Div individually, through add attributes , or is there another way? All Div are moving at the same speed, http://denis-s-jinvertscroll-8d5ede860bb0cb4f0.webflow.io/
Glad you figured out the animation part. My guess is each of the layers have different z-index.
Next is the dimensions (width/height). Can you see what is different?
Samliew, I am very interested in webflow, more than a week has passed in vain, if you do not mind, could you make a little lesson on the similarity of this or that, I would be very grateful ?I think it would be interesting to many on the forum Tutorial: How to make a Horizontal Scrolling Page , https://www.youtube.com/watch?v=-aXVcSkBEsk
Try removing the height. You only need the width of each layer to be different.