How to stop a scrollbar forming when you resize your game window on the x axis?

This is what the scrollingframe looks like without resizing the window on the x axis.
image

And this is what it looks like when it’s resized ( not i’m using a UIAspectRatioConstraint but the same thing happens without )
image

I can’t seem to find any properties in the ScrollingFrame that prevent it. Is there a way or will I just have to live with it?

Also, as you see when it’s resized on the x axis, the numbers aren’t in the center anymore, I thought I could fix this by setting the canvas position to ,5,.5 but it just resets to 0,0.

The horizontal scroller appears when your x-axis CanvasSize is greater than the ScrollingFrame’s x-axis

You prevent this by making sure that your x-axis CanvasSize is never bigger than the ScrollingFrame’s x-axis size. This is normally achieved with a CanvasSize like {0, 0}, {0, 600}. You can set objects to have a Scale of 1 to cover 100% of the x-axis inside the ScrollingFrame.


Example:

image

ScrollingFrame canvas size: {0, 0}, {0, 600}

Inner Frame Size: {1, 0}, {0, 50}

4 Likes

Thank you!