Fix position when scrolling - For elements out of preview

Question

Hi Everyone, i'm mocking up a product page and would like the left side of the wep page, or the product image, to stay static while the right side scrolls as you are choosing your product options. Similar to Apple's product pages:

https://www.apple.com/shop/buy-iphone/iphone-se

Just checking "Fixed Position When Scrolling" does not work for me, because I have a large banner at the top of the page and more content below after the product options. If I check that the left side of my page is "hidden" because it is always out of preview.

Below is an exampe of a simple wireframe of what i'm doing. Any help is very appreciated! If someone could do a mock up of Apple's product pages you would be a dream :).

Atul_Saini · Accepted Answer

Hi Clusian,

This exact same functionality is not able at the moment. However, this is something that is achievable. (https://xd.adobe.com/view/6a83ec49-1660-4221-55b4-4626d7a4c96d-1cb2/)

If you want you may also add animation on scroll to make it look better, here is what I'd recommend (https://www.youtube.com/watch?v=PV3Dd-saJsw)

Feel free to submit your feedback here (https://adobexd.uservoice.com/forums/353007-adobe-xd-feature-requests) and please share the link here so that we may track it.

Thanks,

Atul_Saini

Sign up

To post, reply, or follow discussions, please sign in with your Adobe ID.

Sign in to Adobe Community

To post, reply, or follow discussions, please sign in with your Adobe ID.

Scanning file for viruses.

This file cannot be downloaded