Requesting support with a Scrolling Frame for a Skyrim-esque Inventory

Help and Feedback Scripting Support
#1

Hey, I’m currently trying to make a Skyrim-esque inventory system, however, when I try and create the scroll mechanic with a scrolling frame and UIListLayout the result is not what I desire - you can see the problems I’m experiencing down below:

This is what I want to create (On the left hand side), as you can see the items start off centred until scrolled downwards/upwards.

In this I’m using a UIListLayout with the Centre option in the VerticalAlignment on just a frame and it shows the desired result however it’s not scrollable.:
https://gyazo.com/5de21177f295486752bfb595072da951

In this I’m using a UIListLayout with the centre option in the VerticalAlignment on a scrolling frame and as you can see it “spawns”/“starts the items” at the bottom of the screen, this is because the scrolling frame uses a Canvas Size to create a scroll type of thing, however, I want it to start in the actual centre of the UI:
https://gyazo.com/f66546f16c20a1ab38cacaf5375ffc26

In this I’m using a UIListLayout with the top optin in the VerticalAlignment on a scrolling frame and it spawns/starts the items at the top of the screen, which is also, not what I want - I want the items to start/spawn in the centre of the UI:
https://gyazo.com/272e5e20914a06266b217c361f8b5285

Does anyone know a way around this so that my items start/spawn in the centre of the UI on a scrolling frame?

#2

You use a UIListLayout with VerticalAlignment set to Top, and put it inside a ScrollingFrame that fill the bottom half of the actual “list area” (from top to bottom of the screen), with ClipsDescendants disabled.

Then you get something like this:

5mI52a8VqT-output

You’ll have to adjust the CanvasSize of the ScrollingFrame to prevent it from scrolling too far.

EDIT:I’ve no idea how to embed an mp4 (〃＞目＜) you can still right-click and save it as a file or something tho. Here’s the place file: a.rbxm (4.9 KB) EDIT: Figured it out

#3

This should center the content if the VerticalAlignment of your list is centered.

Frame.CanvasPosition = Vector2.new(0, (Frame.AbsoluteWindowSize.Y / 2) - (Frame.ScrollBarThickness / 2))