How does this GUI System detect each category within the same ScrollingFrame?

Not asking for scripts but I was shown this video by someone:

I was perplexed, how is it able to detect each category and if clicked on the category button, know where to move to? I was thinking it had something to do with the CanvasPosition X property but I’m really not sure, even so, wouldn’t this only work for a set of pre determined amount of items within category?

Its just something interesting that I can’t seem to wrap my head around. It would be nice to figure out, but ultimately I have not had a need for it. But its very cool to perform.

Well they probably have used many buttons in this, they also used the ScrollingFrame property which offers to us how we want to move the GUI, and what they have done is made a frame, then added a scrollingframe inside that frame that was made, then added the buttons such as sword and backpack outside and not as a parent to the actual scrollingframe offering the selectors. You can animate a ui to a certain position on a click of a button as shown here from another frame, it just needs to be located, thats all.

Add a solution if this helped!

DM me if you have any questions.

  • Its just where you parent the ui object,