Error in Adobe XD Fix Position while crolling

Forum|Forum|4 years ago
September 28, 2021
1 reply
573 views

Hi,

I was creating UI for a platform, while creating I was usign fix postion for the CTA. but it was not woring I have submited link for the error. Please let me know hot to fix the error

This topic has been closed for replies.

Spas K.

Community Expert

The problem is your fixed position object is below the screen's viewport height (the blue dotted line), so it will stay there, and will never come up in view to become visible. If you want a fixed object to be visible, it has to be above it.

What you actually want is the tabs to be scrollable, and to become fixed after they are scrolled into view by the user. Unfortunately, Xd doesn't offer a solution for that natively. I've been using a workaround for this to replicate it, which is a bit hacky, but it works for cases like yours. Here's a video I made on how to do it.

MadmilisticAuthor

Participant

Thank you for sharing the Information. it is working very well on Desktop preview but when I shared the link on the Mobile, it is not working, even the Fix position object get disappear on mobile.

Spas K.

Community Expert

It might be because your prototype is taller than the available space on the phone you are viewing it on, so it cuts the bottom part of the prototype. You should view it on a smaller zoom percentage, not full screen, or just make the viewport size shorter, so it fits on the smaller phones.

Keep in mind on the phone browser, you have an address bar and other stuff, which reduces the available space even more.

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