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