How to fix an element once you scroll to a certain point?

New Here ,
Apr 20, 2020

Copy link to clipboard

Copied

Hi all,

I'm trying to simulate something like the side navigation on this website (https://www.structube.com/en/living-room/page/19), where once the navigation hits the top of the screen, it sticks (or is fixed) until you hit the footer, then it doesn't go past the footer.

 

I tried the "fix position when scrolling" option, however, I have a banner and a bunch of stuff at the top of my artboard/page, so my navigation doesn't show up until the user scrolls later on the page. When I use the "fix position when scrolling" option, it doesn't work because it's cut off because it's past the viewport cutoff. Any tips on how to simulate this?

 

{Renamed By MOD}

TOPICS
Design, Missing feature, Preview, Prototyping

Views

667

Likes

Translate

Translate

Report

Report
Reply
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Adobe Employee ,
Apr 20, 2020

Copy link to clipboard

Copied

Hi there,

 

Thanks for reaching out. Could you please refer to this video tutorial and see if this helps: https://www.youtube.com/watch?v=2IAb96wvA5s&feature=youtu.be

 

If that doesn't help, I'd request if you can share a small video of what exactly is happening at your end, we'll surely try to help you.

 

Regards

Rishabh

Fixed elements have landed in Adobe XD. Create headers, footers, menus and more on a scrolling design.

Likes

Translate

Translate

Report

Report
Reply
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more