Skip to main content
Question

Extra white space at the top of my screen, content cut off on the bottom when vertically scrolling

  • July 9, 2026
  • 4 replies
  • 27 views

Ali Cook

Hi there! Hopefully someone can help me - this is driving me mad! I’ve looked at a bunch of help inquiries on the forum with people having similar issues and I can’t seem to figure it out. I didn’t use any masks with this design, all the content appears to be within the bounding frame where the vertical scrolling takes effect. There’s no extra padding that would otherwise interfere that I’m aware of. Nothing seems to be outside the boundary. I have similar screens with the exact same content within the boundary box and those don’t appear to cause any issues whatsoever. The only difference with this screen is that the content within the boundary box does not start at the top, it starts near the middle (which I did on purpose). So when I scroll all the way up to where the content stops past the hero image, there’s a huge white space leftover -- so the top of the hero image doesn’t end up directly underneath the top app bar like it should be (it works correctly on the other similar screens). 
Additionally, when I scroll all the way to the bottom, there is content that is cut off from my footer. The autolayout frame that contains all the content reaches both ends like it should. The frame that creates the vertical scrolling boundary is also where it needs to be. Clipped content is on. Can anyone help???  I’m desperate for my sanity!! 


FIle below with editing access


 

 

4 replies

adamsmasher
Figmate
  • Figmate
  • July 10, 2026

Hi, ​@Ali Cook! Thanks for your post and for sharing the file. Sounds like this is really bedeviling you!

 

Just so I understand what you are seeing correctly, you’re saying that when viewing the prototype:

  1. The intentional gap at the top is shown correctly, however:
  2. The content at the bottom doesn’t scroll as far as it should so the bottom of the content is cut off.
  3. You’ve repeated this setup with other frames and they don’t do this.

 

Have you tried copying a frame that works correctly, then replacing the content with the content from the problematic frame? I’m wondering if that might be a quicker solution for you.


Ali Cook
  • Author
  • New Member
  • July 10, 2026

HI ​@adamsmasher! Thanks for the prompt reply! 
 

  1. The gap at the top is not shown correctly - there is a HUGE gap when you vertically scroll all the way to the top
     
  2. Correct
  3. Correct - however..
  • the content within the other screens all start at the top and you vertically scroll down to the bottom of the content. All of these screens work perfectly.
  • the content within the problem screen starts in the middle (set up intentionally) so you can scroll up to the top of the content, or all the way to the bottom

See attached screenshot of vertical scroll issue. I dont think it will let me attach any additional screenshots 

Huge gap when vertically scrolling all the way to the top of the content; vertically scrolling all the way to the bottom cuts off part of the footer

Thanks for the suggestion - I’ll give it a try and let you know at some point today - thank you!


Ali Cook
  • Author
  • New Member
  • July 13, 2026

Hi ​@adamsmasher !

THANK YOU! that completely solved it! You’re a wizard! I feel so dumb 🤣  

Thank you again - you’re a life saver :)


adamsmasher
Figmate
  • Figmate
  • July 15, 2026

No problem at all! I’m very happy that this resolved the issue for you, and no reason to feel dumb - a pair of fresh eyes is always helpful! Have a great day. 😁