Time trigger for scroll animation
Auto-page scroll is often needed feature to trigger on artboard/page-load. Currently I can mimic this effect by making 2 artboards, moving a group up (or down) on the scroll position and use auto-animate artboard-to-artboard.
Here on the second board, user should be able to scroll back up the content group (which mimicked auto-scroll down using auto-animate) yet, XD does not support scrolling content positioned above an artboard. Ideal XD-feature should allow to set an auto-scroll for layers (perhaps to a certain Y-position) and let user to scroll back while displaying a scroll-bar.
I’m going to leave this one open, but please note that you can do this already using auto-animate and the time trigger.
Being able to fake this with any of this listed work arounds is not something we should have to to. Animate on scroll is such a common widely used feature on the the web that it should be included in XD natively.
Noémie Thirion commented
On-scroll trigger animations is a great feature that I really hope will be there soon!
Amanda Innis commented
I have searching for this exact thing for weeks. Please implement onScroll. And keyframes.
Andrew Hart commented
I have put in a request to add the ability to set a Time trigger for a component state change. Since component state change already supports auto animate this accommodate this request.
I have also seen another request to allow components to change the state of other components on the artboard. This could also be achieved by extending the component trigger mechanism, not just with a Time trigger, but also with a 'other component state change' trigger.
Leo M commented
The problem with using auto-animate that it does not behave naturally and does not let user to scroll back on.
Joe Morris commented
Is this a thing yet?
I found a tutorial online…https://xdtogether.com/scrolling-animations-in-adobe-xd/
It took four frames for the trick but you only get one triggered action per sequence. His example as good as it is limiting. I'd recommend triggers for when a graphic reaches a certain x value. Example: Component A reaches y:20, trigger new state. Graphic B: reaches y:20 trigger new state.
Navid Najm commented
Timed animations triggered while scrolling
I hope we can trigger the timed auto animations when you scroll to a portion of your website mock. I want my elements to appear only when I pass thru them in my page prototype. This feature will create a more seamless, animation rich prototypes!
Sample: (this now possible on desktop with mouse hover when scroll. But we need this on Phones!!
Trigger to Scroll area. It is easy and very magic useful!
Looks like Y'all been lookin at apple's website... lol (like me) Yes it would be a great feature!
Yes please! This would be great feature to fade in elements in scroll!
Daniel Reed commented
This feature would be extremely useful
I would love to have this feature to animate my NAV-Bars while scrolling!
Thibaud Van Vreckem commented
Yes scroll, should be available as a transition trigger.
I suppose the most appropriate implementation would be to be able to attach the trigger to an element/symbol y position (for example when it enters or leaves the viewport)
Please note that the scroll direction should also be considered.
Mike Britton commented
This feature would improve my prototyping workflow. It would also make XD a much more creative platform, one that's more reflective of our real world needs than it already is. Brilliant job everyone—let's get this feature in!
oh yes, I was trying to implement this right now without success (workaround is to place a transparent rectangle over the artboard and to add the drag function with auto animate) but this works just works with draging no scrolling :-(
Yes, would be very useful!
+ I have not found any workaround for it for desktop interfaces...
Definitely need this feature.
pleas do this
Farshad Sadri commented
That a killer feature, easily can trash Principle all together!