Stop fixed position scrolling at a certain point
The option to fix the position of a layer has been a great addition in recent updates. It would also be great to be able to release a fixed layer at any point of your choosing.
For example, having a side panel filter fixed as you scroll down the page, but once the page reaches a certain point, the side panel filter no longer becomes fixed and you scroll past it as normal, and continue down the page without it showing on the screen.
Zack
shared this idea
-
Mark Joncheff commented
A feature to make particular items fixed with in a scrollable group could help designers create the types of interaction seen in modern websites.
So the fixed item is not fixed to the art board but the space that is in the scrollable group. whcihc can be placed anywhere in the artboard and not needed to be in the top fold and will allow as many fixed items on a page.As an example 1 section of a home page might have a space for multiple USP's but only 1 set of text that is fixed to the left side while scrolling down the USP icons move up but the text stays in the same spot. But once you get to the bottom of the section you can scroll past the group.
-
Karina Isar
commented
I believe this is indeed an aswesome feature to be added and looking forward to see it in the future releases.
-
Christine Deer
commented
I tried Nasif suggestion before reading and searching how to stop a fixed position component in Adobe XD. So his idea would be awesome if it is implemented. Or there could be a text input where you can enter the number Y variable where the item should stop while scrolling the page.
-
Kristoffer
commented
Searching for a possibility to do this as I am about to prototype for a user tests, but can't seem to find a tool that does the trick. Nice to stumble on to this request but a bit sad that no tool seem to have this functionality in place right now.
-
Nasif
commented
This would be great. Maybe it could work by putting the object with fixed position inside a group with its normal (I guess absolute?) position. Hence, the fixed object stays fixed inside the bounds of that group and once you pass it on the scroll, the object stays at the lower bound. Just a thought.
Would love this feature :)
-
CaroT
commented
I would love this to happen when prototyping.
Please add a release fix position xx pixels down. :)thanks
examples
https://www.apple.com/ph/shop/buy-ipad/ipad-mini/64gb-silver-wifi-cellular
https://codepen.io/jamesdarren/full/ivmcH -
Mike L
commented
This would be handy but I bet it's harder to implement. "Fixed" is a simple CSS style element that can be applied at runtime. "Fixed IF" requires javascript logic and a user-generated variable.
Either way, XD gods, please consider!