Fixed Position Elements

In Adobe XD, with the Fix Position When Scrolling feature you can easily fix the position of elements from your design when scrolling. It’s ideal to create interactive sticky headers, menu bars and other fixed sections on the screen.

To make an element stick to the screen when you are scrolling, select it and just click the Fix Position When Scrolling checkbox.

Select the artboard, set a Vertical Scrolling and set a value for the Viewpoint Height that’s lower than the height of the entire artboard.

When previewed, your artboard will be vertically scrollable past the Viewport height pixel value.

Click the Play button to preview your design, scroll down and notice how the menu bar sticks to the top of the screen.