Custom Scroll Animation Behavior (scroll trigger)
Most of modern apps have some custom behaviour - for example
In user profile, you see big profile picture, but when you scroll down to see user posts - picture gets smaller and moves to the corner.
Would be cool to be able to treat scroll position as kind of keyframes timeline, where you can modify styles of some elements and tween them depending on how much some view is scrolled.
Some tools have kind of similar option - https://www.youtube.com/watch?v=jRHuAq4PqQo - check first 30 secs.
-
Mohammad Harb commented
it would be cool to add a video/gif/animation and trigger the frames with while scrolling as most of modern websites have such effects.
-
Eshkar Galili commented
I'd love a component to be in default state when I reach it on the prototype and have him auto animate to a second state when I scroll past him, and also have the component have a reverse action when I scroll back, allowing for parallax effects or picture fade outs as I scroll past it.
-
Gustavo Fernando da Silva commented
It will be a game changer in the prototyping software battle. If you launch this before Figma, it will be the icing on the cake
-
Aggie commented
Hide Nav/Header on Scroll Down & Show on Scroll Up
-
Andy commented
Scrolling/position based animations would be awesome.
-
Stephanie Stibor commented
Yes, agree with everything Tim Schaeppi said below. Please add features that allow scrolling animation. This is yet another basic feature that XD is missing.
-
Scott commented
Yes! Creating work arounds for the lack of this feature is SO time consuming, but for so many thing SO necessary when showing designs to stakeholders. Based on lack of time to mock this up on certain projects, we just don't add a feature that would be cool, but too time consuming to mock up or walk someone through with no visual.
Please add this very basic feature!
-
Tim Schaeppi commented
Everywhere I look this is one of the most highly requested features... And it's available within almost all of XD's competing products.
It's pretty clear Adobe does not care at all about what designers actually need and use. They are completely out of touch with real professionals, and instead focus on gimmicky features that have no real world value. Nobody wants to co-edit in XD. Nobody.
Adobe, please just have a single shred of humility, admit you have no idea what you're doing, and start listening to your users. THIS is the kind of feature we need.
Can we just agree that the priority should be catching up to the competition instead of front-loading gimmicks and useless stuff that nobody requested?
-
Ishan Rathod commented
yes please!!
-
Aenias Fritsch commented
We really need this Feature, Adobe! Please!
-
Xaniar commented
It is kind of necessary to be able to apply actions based on the scroll trigger.
for example changing the states of object while scrolling over them (not only hovering over them). -
Anonymous commented
4 years later...
-
Anonymous commented
Same here, I wish to implement scroll animation. But I'm surprised that it can't be done :/
-
Adam Parish commented
It's really disappointing to see that this feature still isn't available. XD has come a long way over the last few months, and I'd love to see this functionality added soon.
-
noah commented
建议可以在fix position when scrolling后边添加一个参数,设置该元素滚动速率,比如在fix position when scrolling选种状态下,后边增加一个百分比,默认为 0%,证明不滚动,如果调整数值到 1%~99% 之间,可以让该元素随页面滚动的速率降至1%~99%之间,如果填写100%那么直接就取消 fix position when scrolling 这个选项的选种状态即可。
En:I suggest that you can add a parameter after fix position when scrolling to set the scrolling rate of the element. For example, in the selected state of fix position when scrolling, the back increases by a percentage, the default is 0%, which proves that no scrolling, if the value is adjusted to 1% Between ~99%, you can reduce the element's rate of scrolling with the page to between 1% and 99%. If you fill in 100%, you can directly cancel the selection status of the option “fix position when scrolling”.
-
Anonymous commented
The app Principle nailed this feature, please take lessons and adapt
-
Carl И commented
I just started out with XD, and this is pretty much the first thing I wanted to do on my first major project. It's such a bummer that people have been asking for it for so long, and there's no sign of it being developed. Such an important element, just not there, within like a week of starting out.
-
Anonymous commented
Hi Adobe team, this is HUGELY important. Please consider adding this feature soon
-
Mike Britton commented
As a developer, I'd like to be able to trigger transitions to component states by having components listen for a "scroll position" event. When the component receives the event, I'd like the ability to evaluate a value based on the screen height and positions of other components, and control various aspects of the listening component.
-
Luca commented
This is an essential feature for prototyping web designs, please add it asap!