Scrolling and scrollbars in Unity - Unity UI tutorial

[@CocoCode]

If you want to learn more and create more advanced UI elements 👉 Check out my newest course, Master Unity UI ➡ bit.ly/cc-unity-ui-16 It’s packed with everything you need to create awesome UI ✨🎨

[@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 🎉

[@charithagoonewardena3095]

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

[@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 ❤️

[@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!

[@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

[@maxsuponin5613]

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

[@AdityaSriwastaw-r7n]

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

[@akshaymanthekar1032]

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

[@FloraArs]

I loved this video in every detail,

[@youtuber9991]

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

[@berkaydobrucali]

Very effective tutorial! Thank you!

[@mavreon]

What is this "Scroll Area"?

[@deraminator945]

This helped me a LOT! Thanks :D

[@nichegames9590]

Simpler than I thought. Thanks for your help!

[@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

[@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.

[@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.

[@luisalarcongames8756]

Incredible, this works perfectly, thank you so much

[@2MARR8]

This tutorial is top notch, thank you!

[@gerac]

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

[@aarondelgado3421]

Great video! Keep up the good work!

[@alperenates3850]

What an amazing channel!

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

thank you - it is very interesting and useful lesson

[@方エデン]

Thank you very much for this guide!

[@paulvonnapolski5024]

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

[@mawrak]

Good tutorial, thank you!

[@leiafrench6631]

Thank you so much for this!

[@buhpoi8085]

Thanks so much! Was very helpful and concise

[@briciolino]

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

[@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

[@ChaosEater39]

Cool video! you helped me very 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?

[@mazdaybro]

nice tutorial thankyou so much

[@ButterKing-28]

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

[@mynameispatrickandiliveund7628]

Thanks, helped a lot

[@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!

[@matuss4151]

thanks for the video

[@hmstark]

Loved it💥

[@Pation655]

bardzo przydatne, dziękuję :)

[@braindeadgamedev]

Dzięki byku za ten tutorial

[@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

[@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.

[@mikoaj8796]

Dzięki za pomoc, super filmik :)

[@bezsedna5563]

Thank you Boss :pp

[@dudubertol]

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

[@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

[@bezsedna5563]

Zajebista robota

[@worion]

awesome

[@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

[@arunachalpradesh399]

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

[@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

[@JDE19]

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

[@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"

[@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​

[@zfhung4731]

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

[@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

[@_Garm_]

nice one! :D

[@CocoCode]

Thanks! 😄

[@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.

[@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 😅

[@Oudipus]

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

[@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

[@What-a-save]

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

[@What-a-save]

yub

[@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

[@GokdenizCetin]

When I scroll, it is going to infinitely. How to fix it?

[@rekiallard77]

Mengapa value kembali ke 0.5 terus ?

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

ty)

[@kakaukooo]

fajny film;)

[@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

[@antonymorsas]

I love you coco code

[@PedrovoriskAB]

Thank you!! but mine doesnt move =P

[@electrodev.]

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

[@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.

[@l1nx99]

Fajny easter egg że dałeś polskie nicki

[@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...

[@skamzababy6017]

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

[@russellzeeryp9067]

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

[@congchung92]

me too, gameObject does not scroll

[@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

[@starbuck3980]

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

[@axeldaelmans7215]

doesnt work, it just scrolls off my screen and doesnt the f* do what i ask it to.

[@DatBoi893]

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

[@TheEnglishQuail]

doesn't work

[@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