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
5 comments
-
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!