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