Create Smooth Scrolling in Webflow without any code. It’s fully native and easy to customize. Clone this site🔗to explore how it’s built or follow these steps👇to create it yourself

A way to make your site just as smooth as with a plugin, but without any code🔥

  1. Start with a flex block (align: stretch).
  2. Inside it, add an empty block.
  3. Then, add a block with height 200% and translateY -50%.
  4. Next, add a block with sticky (top: 0) and translateY 100%.
  5. Add a 'while scrolling' trigger to the flex block and set it to 'is fully visible'.
  6. Now select the sticky block and animate its moveY from 100% to 0%.
  7. Finally, go back to the trigger settings and set your preferred smoothing🎉

👉Clone this site to get started, and if you find it useful, treat me to a coffee!❤️