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
20 comments
-
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.
-
Armando Scuro
commented
basically 'On-Scroll' trigger for animation
-
Yariv
commented
Hi.
Auto-animate is great. At last one step, i guess, towards timeline.
Well, at least i hope so...
Placing artboards as keyframes i guess its kind of half way through to the real thing :)
For on-load animations it would be great to have the option to trigger it by Y position - to be able to show how it happens in real time when the user scrolls and reaches that specific point on the web page that triggers the animation. Triggering by time or by tap is not a good option for that.
Thanks.