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.
Example:
https://xd.adobe.com/view/9182ed42-11c0-45ff-a10f-e343424fbd97-c4d1/
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.
-
Muhammad Faizan commented
Onscroll trigger is the best thing that Adobe can bless it's users in 2022.
-
Woody commented
Hello,
I also think the page scroll trigger is very useful.The time trigger is useful if you want to make an automatic animation that starts by itself precisely in time, while the page scroll trigger activates the animations while the user scrolls the page, they are different things.
I don't understand why you haven't implemented it, it's such an obvious thing ... it amazes me why it's not there yet.
I can understand, that you have doubts about strange, little used requests, but the trigger on scroll is a common thing on the web, it is the functioning of every page.
Hope you can implement it soon, it is very useful.Thank you
-
Scott commented
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!
-
Est commented
Sample: (this now possible on desktop with mouse hover when scroll. But we need this on Phones!!
https://youtu.be/IDL3lo_CaFw?t=264 -
Est commented
Trigger to Scroll area. It is easy and very magic useful!
Please! -
Cris commented
Looks like Y'all been lookin at apple's website... lol (like me) Yes it would be a great feature!
-
Anonymous commented
Yes please! This would be great feature to fade in elements in scroll!
-
Daniel Reed commented
This feature would be extremely useful
-
designsbyLINDA commented
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!
-
Dandesign commented
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 :-(
-
Anonymous commented
Yes, would be very useful!
+ I have not found any workaround for it for desktop interfaces... -
Dave commented
Definitely need this feature.