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.

39 votes

Zack shared this idea · Jun 30, 2020 · Flag idea as inappropriate… · Admin →

6 comments

An error occurred while saving the comment

Karina Isar commented · December 10, 2021 12:44 AM · Flag as inappropriate

I believe this is indeed an aswesome feature to be added and looking forward to see it in the future releases.

Submitting...
Christine Deer commented · March 1, 2021 10:32 AM · Flag as inappropriate

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.

Submitting...
Kristoffer commented · September 22, 2020 6:25 AM · Flag as inappropriate

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.

Submitting...
Nasif commented · August 5, 2020 9:54 AM · Flag as inappropriate

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 :)

Submitting...
CaroT commented · July 5, 2020 3:51 AM · Flag as inappropriate

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

Submitting...
Mike L commented · July 2, 2020 7:28 AM · Flag as inappropriate

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!

Submitting...