Skip to main content
C
clusian@pcnametag.com
Participant
May 22, 2020
Answered

Fix position when scrolling - For elements out of preview

  • May 22, 2020
  • 1 reply
  • 613 views

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

 

 

 

 

 

 

 

    This topic has been closed for replies.
    Correct answer Atul_Saini

    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

    1 reply

    Atul_Saini
    Atul_SainiCorrect answer
    Legend
    June 3, 2020

    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

      Firefly Community Gallery
      Adobe Firefly

      Remix with Firefly Community Gallery

      Thousands of free creations to fall in love with and remix in Firefly.

      Explore now
      Terms & ConditionsAccessibility statement
      Using the community Terms of use Privacy Cookie preferences Do not sell or share my personal information ad choicesAdChoices