Scrolling and scrollbars in Unity - Unity UI tutorial

[@CocoCode]

Thanks for stopping by! Check out my other Unity UI tutorials here: kzbin.info/aero/PL1aAeF6bPTB5N-_01xjNIOg9_refqTxVv 🟣 Also check out my Discord server: ​discord.gg/hNnZRnqf4s​

[@rncstuff9480]

As a developer, sometimes when you forget how to do something and have to review, being able to locate tutorials like this that are very well made, clearly spoken, and get straight to the point are a LIFESAVER. Thank you, please keep up this content, it is very much appreciated!

[@CocoCode]

Great to hear! Good luck with your projects 🔥

[@akmaludddin9281]

So True! Good luck Stranger!

[@wilbrierly]

Just wanted to say I tried a bunch of UI-related tutorials and for some reason, yours was the first one for me that actually clicked and helped me understand it better. Fast and to the point and well explained. Thanks for making the video!

[@CocoCode]

It's great to hear stories like that, thank you! Be sure to check out my other Unity UI tutorials 🎉

[@finditout8101]

Bro frankly speaking, your tutorial are just amazing, you are the next brackeys of yt, ur content quality is increasing day by day, plz never give up , although u are underrated right now but remember all time are not same, just keep the spirit and good luck. 👏👏.

[@CocoCode]

That is so awesome to hear! Thank you very much ❤️

[@charithagoonewardena3095]

Amazing work. Thanks! btw a side note: scroll area is just a game object

[@tonymax7503]

Thanks for that video. Unity's UI sometimes real messy even for experienced devs. You provide helpful information without useless details straightly about theme of the video!

[@AdityaSriwastaw-r7n]

thank you ... i have watched your all video of master UI... it is really very helpful

[@xermi00]

*THANK YOU SO MUCH MAN!* You literally saved me! :D I'm an amateur developer and I'm using scrolling system for my news page, and this is really well explained! I found more tutorials but much of people used a ton of scripts to make this thing working. But this is brilliant tutorial without much torture. *10/10* from me.

[@JasperMoerland]

Tip: set the pivot of the panel to 0.5, 1 instead of 0.5, 0.5 to have it start at the top, not the middle

[@youtuber9991]

Epic content! Thanks a lot! This really helped me, good UI is so critical

[@akshaymanthekar1032]

Very simple and elegant explanation!! Thank you COCO Code!

[@timurradman3999]

Very good This helps a lot, even for people that are experienced but haven't used some unity features in a while

[@rasheedqe]

Thank god for this video. A almost when mad trying to set up a scroll bar.

[@nichegames9590]

Simpler than I thought. Thanks for your help!

[@xtratoothpaste]

Great video man. Only issue I had was my Scrollbar was a child of Scroll Area, and if it was outside of the Scroll Area it wouldn't appear, but if it was inside like how I originally had it, I couldn't interact with the scroll bar, it was just move as though I was swiping the screen to scroll. I fixed this by un-childing the scrollbar from the scroll area. Unsure if I made the wrong correction, because it looks like in yours , the scrollbar IS a child of Scroll Area. Either way I got it working, thanks!

[@gerac]

Awesome tutorial!!! Took me just one attempt to make my scoreboard table ;) Thank you!!!

[@FloraArs]

I loved this video in every detail,

[@vince2k09]

from where do you have scroll area and what do i have to do or what do i have to klick to get it, i dont understand

[@maxsuponin5613]

Now, you are the best youtube channel that i ever seen) thank you

[@berkaydobrucali]

Very effective tutorial! Thank you!

[@mavreon]

What is this "Scroll Area"?

[@TREXYT]

bro that's cool and it works great but how can i save location of scroll area ? i want that it continue from last selected item

[@luisalarcongames8756]

Incredible, this works perfectly, thank you so much

[@calvinms7503]

if we have image instead of the text and each image has its raycast target ON, I cannot scroll when the mouse is on top of the image. Could you suggest a solution?

[@deraminator945]

This helped me a LOT! Thanks :D

[@buhpoi8085]

Thanks so much! Was very helpful and concise

[@briciolino]

Thank you so much, it was really helpful! it saved the day :)

[@nyrab.6239]

again similar comment as in another video - just loving your videos♥, i can always learn so much from them, could you also make a video on this topic for the UI-Toolkit?🙏🙏 I'm struggling so darn much with this

[@方エデン]

Thank you very much for this guide!

[@bezsedna5563]

Zajebista robota

[@paulvonnapolski5024]

Thank you for this video, it helped me a lot!

[@ButterKing-28]

at 0:51 how do you resize it? it doesn't show it on my screen

[@2MARR8]

This tutorial is top notch, thank you!

[@mawrak]

Good tutorial, thank you!

[@dudubertol]

Valeu demais pelo vídeo cara. Procurei o yt inteiro e não achei nada parecido. Completo e sucinto. Brasil agradece!

[@ДимаСеменов-ъ2ы]

thank you - it is very interesting and useful lesson

[@arunachalpradesh399]

there should be something like destroy if text is out of screen, it takes lots of memory if there is 100 of texts

[@Pation655]

bardzo przydatne, dziękuję :)

[@leiafrench6631]

Thank you so much for this!

[@aarondelgado3421]

Great video! Keep up the good work!

[@braindeadgamedev]

Dzięki byku za ten tutorial

[@alperenates3850]

What an amazing channel!

[@What-a-save]

What about auto scrolling? you need it when you are using a controller

[@zfhung4731]

ScrollView inside Elements Replace to inputfield cannot scroll on the inputfield，how to fix it?

[@ChaosEater39]

Cool video! you helped me very much

[@FuzzyDPozzy]

the first scrollilng list is always buggy , sometimes it works sometimes it doesn't wasted 1 hour..and didn't seem to make it work

[@JDE19]

mines going out of menu screen, any suggestions to keep my content inside the box?

[@trueblue97]

This is awesome, but anyome know how to make a scroll view that works better one mobile? For me its a bit strange on mobile, and I have no clue how to adjust the scrolling speed, etc.

[@peileed]

following the same steps with buttons gives me some very bad results, the scroll starts moving by itself, snaps randomly, when I click and release the scroll keeps on following the mouse etc, Unity makes scrolling a massive chore

[@NBGTZ]

Hello first This was very helpful but when I scroll the content go right back down and I need that when You scroll the content stays and not reset to position How can fix it please?

[@koferperk]

Go to object: ScrollArea Look at script "Scroll Rect" change movement type to "unrestricted"

[@mazdaybro]

nice tutorial thankyou so much

[@mynameispatrickandiliveund7628]

Thanks, helped a lot

[@OtiZ2]

is possible add more rows. And add vertical scroll with multiple individual horizontal scrolling rows?

[@CocoCode]

Yup, just put scroll view inside the scroll view. But remember that it might be a bit tricky to figure out which scroll should trigger

[@hmstark]

Loved it💥

[@mikoaj8796]

Dzięki za pomoc, super filmik :)

[@gabrielemartina6163]

How do you resize at 0:50 on fly? I always change the size of object using the x y into the inspecator, pretty annoyng

[@CocoCode]

Make sure to use "Rect tool" (press T on your keyboard)

[@gabrielemartina6163]

@@CocoCode Even typing T or Rect Tool the object does not appear with the edges to be resized, I'm using unity 2020

[@Broockle]

Awesome, Thank you! Also when you want the scroll to work in reverse you can make it -20. For us mouse users out there 😅

[@rekiallard77]

Mengapa value kembali ke 0.5 terus ?

[@nikson12gg]

Instead of texts starting from up and moving down, i wanted texts to start from below and moving up. Changing content's "Child Alignment" doesn't do anything for me :( Can anyone help? Edit: fixed it by editing Content's Pivot(0.5, 0), setting Content's posY to 0 and editing Content's Reverse Arrangement

[@ianhubble9973]

Should be a no-brainer, but also DO NOT delete EventSystem from the project. Accidently did that at one point and wandered for an hour trying to figure out why I couldn't interact with the Canvas

[@frenchyboy4804]

lmao good job

[@frenchyboy4804]

Yeah I got really stuck because of that one time for like 3 months didn't know wtf happened and I couldn't develop the game. One day I read about event systems and I got so pissed.

[@Oudipus]

Is it also working, when I am bulding a phone game?

[@bezsedna5563]

Thank you Boss :pp

[@matuss4151]

thanks for the video

[@jamesshepherd8100]

Hi I have just discovered your channel. It seems quite a usefull resource, good job, keep going :) I have stumbled on this trying to learn how to make an inventory system where you may navigate a scroll rect button list, using arrow keys, in a manner that the view adjusts itself when an item (button) is sellected that is not within the visible area. (kind of like the Witcher clip you had in the intro) Would you happen to know how to do this? Maybe you could do a tutorial about that :) Cheers

[@CocoCode]

Hey, thank you! The topic you asked for is quite difficult. I'll try to find the best way to do it and maybe I'll cover that in the future video

[@BlueMatterMan]

"I've already prepared 'scroll area," OKAY WELL MAYBE I NEED TO KNOW HOW TO DO THAT PART!

[@gamesmunch]

great tutorial make a video how to set the leader board according to the get data from play fab in game with name and score

[@electrodev.]

the content size fitter keeps making the height to zero....

[@PedrovoriskAB]

Thank you!! but mine doesnt move =P

[@_Garm_]

nice one! :D

[@CocoCode]

Thanks! 😄

[@ВладГалкин-р2б]

ty)

[@kakaukooo]

fajny film;)

[@starbuck3980]

Doesnt work, tried in unity 2021 and created the scroll rect having as child a horizontal layout group with content size fitter with preferred size the horizontal and adding some images and dont move at all dragging with mouse, also this would need a mask

[@eliosar7929]

Hi, nice Video! 10/10 described, but the scrollbar from me isn't working well. When i scroll to the left, the Handle is "scrolling" to the right. Anyone have the problem too? or, better, the solution of this problem?

[@frenchyboy4804]

Maybe it's flipped upside down.

[@eliosar7929]

@@frenchyboy4804 thanks, i'll look at that.

[@allister6092]

I have the same problem, my content randomly changes in the scroll bar, my scroll bar thinks it's upside down? (down = up, up = down) Very strange.

[@antonymorsas]

I love you coco code

[@DatBoi893]

This doesn't work for the it doesn't scroll at all

[@russellzeeryp9067]

simple enough, but doesn't seem to work correctly. At least not for me.

[@congchung92]

me too, gameObject does not scroll

[@l1nx99]

Fajny easter egg że dałeś polskie nicki

[@starbuck3980]

When i scroll down bounces back up. Unity still uses this total disaster in Unity 2021

[@skamzababy6017]

lmao as soon as i add layout groups my content disappears of screen

[@TheEnglishQuail]

doesn't work

[@Andredy89]

Why Unity completely forgot that many games playing without a mouse... try to scroll using gamepad only... And waste your time to make your own autoscroll solution instead of developing your game...

[@LetWorkTogether]

Your pronunciations get some mistakes, such as 'content', 'spacing'... Please keep an eye on pronunciations. Even though, your content is so beloved! I feel like finding out a gold mine of Unity tutorials. :D