Highlighted

Fix position when scrolling - For elements out of preview

New Here ,
May 22, 2020

Copy link to clipboard

Copied

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

 

mockup.png

 

 

 

 

 

 

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

Views

208

Likes

Translate

Translate

Report

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

Fix position when scrolling - For elements out of preview

New Here ,
May 22, 2020

Copy link to clipboard

Copied

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

 

mockup.png

 

 

 

 

 

 

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

Views

209

Likes

Translate

Translate

Report

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

Copy link to clipboard

Copied

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

Adobe XD does not have a feature to trigger animations on scroll. Here is a workaround for this missing feature. I hope Adobe introduces this features quick....

Likes

Translate

Translate

Report

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