Question

Unwanted white space when scrolling in prototype

Forum|Forum|3 years ago
December 20, 2022
13 replies
8396 views

Hey Figma community,

I’ve created a prototype of a website on Figma and when I view the prototype, I have an endless amount of white space above the frame where I want it to start.

Figma – 19 Dec 22

Can anybody help me out?

Ellen.

Ask the community

This topic has been closed for replies.

tank666

The empty space above the header is due to the “Button” component. This component is in the screen frame and is positioned well above the header. Drag the “Button” component outside the frame and play the prototype.

UX/UI designer. Figma expert. Creator and developer of plugins and widgets for Figma and FigJam. Check out my resources in Figma Community: figma.com/@tank

carynleiwe

New Participant

I came across the same issue and saw the solution you proposed here, which is very helpful and solves the “unwanted white space” at the top of the prototype.

However, by not having the unwanted white space at the top, somehow it creates another interaction glitch when I click to expand and collapse my accordion components (at the bottom of my page) ☹ It no longer retains the scroll position, but instead, for a nanosecond, it would scroll the page all the way to the top, before it anchors to the bottom of the page.

I tried troubleshooting it and the only way to get it to retain the scroll position is by keeping that unwanted white space at the top.

V

Vandana_Vasudevan

Hi All,

I am facing issue with unwanted white space when scrolling. All my cards are within the frame. Could you please help identify the issue.

Screenshots of the prototype and the outline mode is attached.

Thank you,
Vandana

Gayani_S

Community Support

Hey @Vandana_Vasudevan, thank you for reaching out! Would you be able to indicate on your screenshot where you see the white spacing?

Also do you have a background layer? If so, could you check if it has the same measurement as your frame. When the background layer is smaller than your frame size you would see a white spacing.

It would be easier for me to have a copy of your file so I can take a look at it. You can invite support-share@figma.com with “can edit” permission. Note that users with @figma.com emails on your team do not count towards your billing.

Thanks,
Gayani

V

Vandana_Vasudevan

Hi Gayani,

Thank you for your response. I was able to resolve this issue.

Thank you,
Vandana

Gayani_S

Community Support

Hey @Vandana_Vasudevan, glad to hear you were able to resolve this on your own. Feel free to reach out if you should run into any further issues, happy to help out!

Best,
Gayani

ugne

New Participant

Hi all :) I have a similar unwanted white space appearing at the bottom of my homepage when vertical scroll is selected. Have resized the frame of the content to fit my device and never ran into this issue before.
Will leave access to my prototype here

Nellya

Power Member

Hi all :) I have a similar unwanted white space appearing at the bottom of my homepage when vertical scroll is selected. Have resized the frame of the content to fit my device and never ran into this issue before.
Will leave access to my prototype here

Hi. Just check clip content on content frame