You must be a Pro member to watch this episode.

Get Access Now

Sign in now if you're already Pro.

  1. 1

    Bring Your Design Into Principle

  2. 2

    Auto and Gesture-Based Transitions

  3. 3

    Building Reusable Components

  4. Drivers and Scrolling

  5. 5

    Get Your Prototype Out There


Drivers and Scrolling

Published by Chris Slowik on February 19, 2017

Episode Notes

Extra tips from the author

Scrolling Made Easy

For a prototype that needs an action associated with scrolling or dragging, there's probably no easier tool than Principle. The concept of "drivers" is basically like a traditional keyframe timeline, although instead of time, the dimension is scroll distance. So, you can keyframe behaviors tied to scrolling very easily. It takes a matter of seconds to set up a complex parallax scroll behavior. To achieve direction lock, we'll nest scrolling groups rather than applying both scroll directions to one group.

Episode Topics: