Scroll Bar to big on certain devices

Help and Feedback Art Design Support
#1

Hello! I am having an issue where the Scroll Bar is too big on, for example, mobile or when you rescale your tab on Computer!

Normal:
image

Mobile:
image

Thanks! Any help will be appreciated! :grinning_face_with_smiling_eyes:

#2

It’s because you are using Offset instead of Scale. Use Scale so it can keep the same size.

1 Like
#3

Sorry for such a late response, but can you even change the size of Scroll Wheels?

image
Yea like there is no option to set it to scale instead of offset.

#4

The scrollbar size is based on offset only (ScrollBarThickness is in units of pixels, not percent).

Here is a LocalScript that should solve this problem for you:

local barSize = UDim.new(0.05, 0)
--First number is size in scale (percent) and second number is size in offset (pixels)

local scrollingFrame = script.Parent
local scrollingFrameParent = script.Parent.Parent

local function update()
    scrollingFrame.ScrollBarThickness = scrollingFrameParent.AbsoluteSize.X * barSize.Scale + barSize.Offset
end

update()
scrollingFrameParent:GetPropertyChangedSignal("AbsoluteSize"):Connect(update)

(Copy the code into a LocalScript, place the LocalScript inside the ScrollingFrame)

Let me know if you’ve got any questions/concerns/the code doesn’t work b|c of a typo :+1:

5 Likes
#5

Yea, this is working perfectly! Does this do any lag, or am I all good?

1 Like