Scrolling page transition

Seems like the plugin doesn’t have a github, so you have to download and upload the script and css files using this Github hosting tutorial.


Then, following the sections in the plugin tutorial Page Scroll Effects | CodyHouse,

  1. How it works - You need to add custom attributes to body

  2. Creating the structure - You will need to re-structure the page following the tutorial (follow exactly including the class names and tag names and element hierarchy)

  3. Adding style - If you have followed the tutorial exactly up to this point, you should be able to paste the code in this section into the Page Settings > Header Code, and wrap them between <style></style> tags

  4. Events handling - At this point you will need quite a bit of custom coding depending on the animation type you decide to use. In their demo’s JavaScript file, they have combined all their animation types into this file, but it should be possible to just include this file without modifications in your project using the Github hosting tutorial I linked above.


If it’s too difficult to use, search for a plugin with a simpler tutorial (like fullpage.js, which has a tutorial on Webflow forums), or simply hire a web developer.