In part three of our web transitions series, learn how to create a dynamic scrolling experience for your website by seamlessly combining vertical and horizontal scrolling.
Here’s what we’ll cover:
✨ Setting up a dummy scroll container, applying Range triggers to control the scrolling behavior of your content, and using ProtoPie’s Chain feature to build a horizontal scrolling effect
Download the pie files used:
🥧 Start – https://bit.ly/3PGyXKF
🥧 Completed – see in the next video
Part 1: Animation on page load https://youtu.be/850Z44EdnJg
Part 2: Scroll based animations https://youtu.be/x6cCwfqKiKU
Join us for part four as we delve into parallax scrolling.
Check out this tutorial on a more advanced use case:
👉 Create a looping scroll carousel for websites using Variables in ProtoPie https://bit.ly/3NHaQsz
Happy prototyping!
──────────────────────────
Try ProtoPie for free:
👉 https://bit.ly/3rh4Cbm
Start learning ProtoPie for free from A-Z
👉 https://learn.protopie.io/
──────────────────────────
Social Channels
👉 Twitter: https://twitter.com/protopieapp
👉 Facebook: https://facebook.com/protopie
👉 LinkedIn: https://www.linkedin.com/company/protopie
👉 Instagram: https://instagram.com/protopie_official
👉 Dribbble: https://dribbble.com/protopie
──────────────────────────
👉 Join the ProtoPie community
https://community.protopie.io/
👉 Need help? Contact us: https://bit.ly/44fL2Ll