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!
Anonymous
shared this idea
22 comments
-
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.
-
Martin
commented
pleas do this
-
Farshad Sadri
commented
+ 1
That a killer feature, easily can trash Principle all together!
-
Brian Warchesik
commented
Plus One!
-
Dennis Ferreira
commented
Agreed.
-
Sacchit
commented
Currently, I am achieving the same effect by using drag action which is good for mobile apps but not websites
-
Sacchit
commented
Trigger: Scroll Action: Auto-animate
If you could do something like this but not with time trigger rather when scrolled. This could be easy for many of the xd users.https://dribbble.com/shots/5463720-Mobile-Scrolling-Interaction-XD-File-Included
-
Dave Boyd
commented
Agreed. I'd like to use a fixed-position vertical breadcrumb that changes as the user scrolls down the page. So some sort of scroll placement trigger would be good.