Mobile ScrollingFrame Moves on x-axis

I wish to achieve a ScrollingFrame that only scrolls via the y axis.

My problem appears when testing on mobile. Even though I have the canvas size 0 on both x offset and scale, it still allows the user to move a little to the right and left.
See GIFs below for examples.

MOBILE:
https://gyazo.com/79287867c50c8ca4f6fbac620a5e889c

PC:
https://gyazo.com/2529ce8a78b187d06b57250583278063

This is the following code I have that aligns the canvas size:

scrollingFrame:WaitForChild("UIListLayout"):GetPropertyChangedSignal("AbsoluteContentSize"):Connect(function()
	scrollingFrame.CanvasSize = UDim2.new(0,0,0,scrollingFrame:WaitForChild("UIListLayout").AbsoluteContentSize.Y)
end)

Any information on a fix would be great! Thanks so much.

I believe this has to do with the use of Offset rather than Scale.

I figured out the solution was to just change the ScrollingDirection property to Y only.

image

2 Likes