Highlighted

[Prototype]-Element that has "Fix position when scrolling" applied to it disappears in preview mode.

New Here ,
Mar 22, 2020

Copy link to clipboard

Copied

I created a back to top arrow that I placed towards the bottom of the page. When I select that arrow and click on "Fix position when scrolling", and then I preview it, the arrow disappears from the page all together. This must be a bug. I read in another post from an Adobe certified user that the element needs to be within the viewport of the page in order for it to be seen. I tried that and it worked. However, the problem is, the back to top arrow is all the way down towards the bottom of the page, so I would have to increase my viewport to close to the bottom of the page, which is not what I want. I want my viewport to only show the hero area. Is there a fix for this???

 

<The Title was renamed by moderator>

Adobe Community Professional
Correct answer by Peter Villevoye | Adobe Community Professional

The element is already positioned far BELOW the viewport (I can see the dotted blue line in your GIF above it). So this way it will always start and stay out of view, as you have noticed.

 

Maybe you'd like it to move up wih the screen, until it gets into view, and then stay there. This behavior can't be created within one artboard, but you could use a sequence of 2 or 3 artboards and Auto-animations, to mimick this behavior.

 

As the saying goes:

You can't have your cake (fixed outside of the viewport) and eat it (inside the viewport).

TOPICS
Product performance, Prototyping

Views

385

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

[Prototype]-Element that has "Fix position when scrolling" applied to it disappears in preview mode.

New Here ,
Mar 22, 2020

Copy link to clipboard

Copied

I created a back to top arrow that I placed towards the bottom of the page. When I select that arrow and click on "Fix position when scrolling", and then I preview it, the arrow disappears from the page all together. This must be a bug. I read in another post from an Adobe certified user that the element needs to be within the viewport of the page in order for it to be seen. I tried that and it worked. However, the problem is, the back to top arrow is all the way down towards the bottom of the page, so I would have to increase my viewport to close to the bottom of the page, which is not what I want. I want my viewport to only show the hero area. Is there a fix for this???

 

<The Title was renamed by moderator>

Adobe Community Professional
Correct answer by Peter Villevoye | Adobe Community Professional

The element is already positioned far BELOW the viewport (I can see the dotted blue line in your GIF above it). So this way it will always start and stay out of view, as you have noticed.

 

Maybe you'd like it to move up wih the screen, until it gets into view, and then stay there. This behavior can't be created within one artboard, but you could use a sequence of 2 or 3 artboards and Auto-animations, to mimick this behavior.

 

As the saying goes:

You can't have your cake (fixed outside of the viewport) and eat it (inside the viewport).

TOPICS
Product performance, Prototyping

Views

386

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
Mar 22, 2020 0
Adobe Employee ,
Mar 23, 2020

Copy link to clipboard

Copied

Hi there,

 

Thank you for reaching out. If I heard you right, it looks like this is the functionaity you are looking for: https://adobexd.uservoice.com/forums/353007-adobe-xd-feature-requests/suggestions/15038256-dynamic-s...? If so, please submit your feedback and upvote the request to add your voice.

 

Hope it helps.

 

Thanks,

Harshika

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...
Mar 23, 2020 0
New Here ,
Mar 23, 2020

Copy link to clipboard

Copied

 Hello. My issue is in Preview mode the element that I want fixed can not be seen, it just dusappears. I have a video i recorded to show you the issue but I don't know of a way to upload that .mov file.

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...
Mar 23, 2020 0
Adobe Employee ,
Mar 24, 2020

Copy link to clipboard

Copied

You can upload the file to a shared location such as Creative Cloud app or Dropbox and share the link with us here. We'll try our best to help.

 

Thanks,

Harshika

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...
Mar 24, 2020 0
New Here ,
Mar 24, 2020

Copy link to clipboard

Copied

Hi. Here is a gif of my issue, the element disappears in Preview mode. Hopefully you have a solution for this. Thank you.

 

Angelofix_position_issue.gif

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...
Mar 24, 2020 0
Adobe Employee ,
Mar 27, 2020

Copy link to clipboard

Copied

Hi there,

 

Thank you for sharing the gif. Is it possible for you to share a file with me over a PM. You may upload the file to a shared location such as Creative Cloud app or dropbox and share the url with me.

 

Note: Please share the post link on PM for reference.

 

Thanks,

Harshika

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...
Mar 27, 2020 0
New Here ,
Mar 28, 2020

Copy link to clipboard

Copied

Sure. Here's a link to sample file with the Back to top arrow pinned to a specific position. Again in Preview mode, it disappears. Thanks.

 

https://www.dropbox.com/s/cpwudtvs85mgde5/scroll-to-top_test_file.xd?dl=0

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...
Mar 28, 2020 0
Adobe Community Professional ,
Mar 28, 2020

Copy link to clipboard

Copied

The element is already positioned far BELOW the viewport (I can see the dotted blue line in your GIF above it). So this way it will always start and stay out of view, as you have noticed.

 

Maybe you'd like it to move up wih the screen, until it gets into view, and then stay there. This behavior can't be created within one artboard, but you could use a sequence of 2 or 3 artboards and Auto-animations, to mimick this behavior.

 

As the saying goes:

You can't have your cake (fixed outside of the viewport) and eat it (inside the viewport).

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...
Mar 28, 2020 0