How to Create Custom Scrollbar in CSS | Customize Scrollbar

[@bbf0ab08cb44becfec]

I like that you show what each step does, thus allowing the viewer to stop at any point or customize to their liking. Good work keep it up!

[@DavidElstob73]

Absolutely love this channel, but the content is even better when it's short and sweet like this. Perfect for not bloating my inline CSS. :)

[@mod_123_]

Just discovered this channel! Man I'm glad

[@jaxmany05]

Super rápido y bonito! Muchas gracias por tus videos. Ojala pronto subas el de los efectos de la intro.

[@andresfelipeh7586]

It's awesome .... Thanks ! Happy new year and new knowledge.

[@VidTDM_XD]

I saw this custom scrollbar on youtube website and searched it i thought would use complicated javascript, html and css but it was very simple

[@myroslavkozar2230]

You are amazing

[@biplovkattel1651]

music was just wow!!!

[@adriansun2999]

Always impressive. Does this work in Firefox too?

[@OnlineTutorialsYT]

No :(

[@adriansun2999]

@@OnlineTutorialsYT Maybe in the future developer.mozilla.org/en-US/docs/Web/CSS/scrollbar-color

[@adriansun2999]

gist.github.com/Sporif/db6b3440fba0b1bcf5477afacf93f875/2a1be65a12f8f0c88ba84a69697e542ad62d4624

[@jonesy_b]

No becouse it's webkit it only works on chrome

[@OfficialOffsideBall]

@@OnlineTutorialsYT it works bruh use moz- instead of web-kit-

[@TimYear8]

Actual scrollbar starts at 2:08, your welcome.

[@sadiqali2205]

thanks bro

[@phuonghuynh-hc8wg]

What is the font-famaly in this video, it is amazing

[@iamahanaf5528]

Please publish your course to skillshare....

[@siddhartharoy5263]

Awesome, jhakkas hai vaih !

[@amaanrajput]

---webkit-scrollbar is still on standard track. even the mdn page is in draft mode(not complete yet). Browser compatibility is worst. You seemed to be an experienced designer. And your videos might have helped a lot of people. Keep up the good work but please mention compatibility and other usage risks in the description. Overall awsome video as always

[@Alonso-n5e]

¡THAT'S AWESOME, DUDE!

[@kevinleon4621]

thanks papi

Fast and clear

[@namanagrawal4868]

cooool

[@surenderoati]

sir, can we override scrollbar for IE11 as well ? I didnt get any thing to override that. I wants to make that similar to webkit browser.

[@aussieraver7182]

Trippy...nice.

[@drhacknical6057]

nice work bruh, god bless you

[@BenDjamal]

Thank you! Please can you say me the name of the music in this video?

[@sanjivini624]

Superb 🤟👍👍👍👍

[@youngtea5706]

Thank you, you are cool

[@MahmoudElshiha]

Good Jop Bro You Are Really Amazing . Still Going On .

[@FrostGamingHype]

dark them i recommend u this but im not having dark theam so nope but still pretty cool effect dude great job i recommend evoyrone this

[@chatakgamerlive7539]

Thanks bro for this

[@etizipasatizi]

Thank you

[@thetproject2266]

Very cool 😎! Happy new year! Do you have any idea 💡 for a cool button for language changing ? I don't have any idea and i think a classic button English/another language is very boring . make a video if you have any cool idea. Keep the good work you have cool videos !!! 😊

[@atech8327]

Hi, Bhai css ki kon c property ham add kren ki scrollbar permanent show hota rhe Android aur iPhone par ?

[@techwake360]

wow that was so cool thanks a lot bro. this is what i m looking for

[@muhammadrifqy24]

this is cool

[@aaaddd8559]

شكرا جزيلا عمل رائع

[@kashyapshirodkar9013]

Video starts at 1:56

[@sayedyunus3484]

How to change height of scroll bar

[@wajahatkhan9455]

Awesome!

[@rajuprasad4585]

I am using custom cursor and the cursor is not showing on the scroll bar but if i am scrolling it its working what should I do?

[@mhasancoder]

This awesome trick !

[@jonesy_b]

If I do the second last step by add the liniair-gradient (transparant, #30ff00) it's doest work anymore. Can someone help me?

[@OnlineTutorialsYT]

Correct this ... linear-gradient ....Not liniair

[@OnlineTutorialsYT]

Transparent....not transparant

[@jonesy_b]

@@OnlineTutorialsYT hmm yes I can imagine really good that I'm so stupid to make this mistakes😂Thanks I will try😁

[@jonesy_b]

@@OnlineTutorialsYT Yep i made that mistake. Thanks!

[@jonesy_b]

@monu baghel are you in chrome?

[@siddhartharoy5263]

QNA karo vaih ek baar !

[@afanasiykapalkin]

👍👍👍

[@_inafathy]

How to use application online tutorial's

[@norricobiason5821]

title of the song sir?

[@athri]

kzbin.info/www/bejne/iYaYaWdji7eFgNk

[@mightyowl2472]

@@athri thanks

[@PhongNguyen-lq1cc]

have you know scroll bar hide and create custom scroll bar focus child Element in page

[@TytusDubel]

Hi guys, sorry for my ignorance, but if i have a div inside a section, how do i apply the scroll property to it? in my case it's a div that has an image, which i'd like to scroll horizontally when it's on smaller media [that's done] and the normal bar, doesn't look well..i'll keep tryin on my own, but if someone has time to answer i'd appreciate so much.

[@TytusDubel]

i answer to my self.. css-tricks.com/the-current-state-of-styling-scrollbars/ thank you tytus :-D

[@chairilaliart]

@@TytusDubel awesome man😁

[@hariharanbaskaran5880]

Bro but am getting that white background behind that scroll bar what to do please help

[@OfficialOffsideBall]

use background transparent

[@mjavaid143]

It's working only on chrome browser. It's not working on firefox and other browsers please tell us how to make custom scrollbar for all browsers

[@tecnologianerd]

Muito bom! Brasil

[@md.nurullah2599]

স্যার, এটা তো শুধু গুগল ক্রোমে কাজ করে বাকি ব্রাউজার এর জন্য কিভাবে স্কলবার ডিজাইন করে যদি দেখাতেন??

[@OfficialOffsideBall]

"moz- "use koren "web-kit-" er jaigaye eibhabe bhaiya dekhen try kore

[@kavehkarami6135]

This not gonna work on mozila fire fox How can we use it on Fire Fox?

[@OfficialOffsideBall]

use moz- instead of web-kit-

[@deadsoapbox]

You started to show it on 70% of the video length.... 1:55

[@joylz7045]

only webkit browsers !!!

[@crousdioll]

Does not work with the Firefox browser, i don’t know why Firefox support didn't fix this, although a solution can be found using JavaScript

[@OfficialOffsideBall]

use moz- instead of web-kit-

[@cabecinhadegato8147]

it is no work in firefox and IE/Edge!

[@scout5977]

chrome

[@jonesy_b]

That's because we kit is only for Chrome

[@Devp720]

Y para mozilla?

[@sanjaysanju6084]

I'm not getting this effect 😒

[@arthurbouabeyivaza60]

is it working for all browser

[@ajmalshah1813]

Only Chrome Bro..

[@OfficialOffsideBall]

@@ajmalshah1813 no use moz- to work in firefox too instead of webkit-

[@alejandroalfarosanchez8337]

It doesn't work for me, does anyone know why ???

[@OfficialOffsideBall]

use moz- instead of webkit- in mozilla firefox

[@OnlyTheBestYT]

doesn’t work

[@karlo-o2z]

same here

[@karlo-o2z]

actually works on chrome

[@webotech1317]

Plz make a responsive videos gallery with popup model

[@straya_au_]

how you hide its so annoying

[@ShailAlavani]

what's up with that weird music

[@kimonoclubitalia6308]

U goo to fast dude and too tiny and dark!

[@inttake]

put the github in the description wtf r u doing

[@Naved_3010]

Binod

[@elnurbda]

.

[@knowtheworld4962]

Shit doesn’t work

[@pagnean4234]

What application do you use for this?

[@bbf0ab08cb44becfec]

for the text editor, you can use anything even notepad, although stay away from things like word or google docs. I use visual studio code and I used to use atom. Both are great programs

[@Gayatri14776]

Bro custom ki spelling galat hai h1 me

[@shadab_0706]

Bhai ye music bilkul bkvaas hai | Thanks for amazing tutorials

[@armaanraval5048]

Thank you so much :)