Create custom scrollbars using CSS

Create custom scrollbars using CSS

Kevin Powell

2 года назад

227,121 Просмотров

Ссылки и html тэги не поддерживаются


Комментарии:

Akif Ahmed
Akif Ahmed - 18.10.2023 13:01

Very informative video. I was looking for customising scroll bar and stumbled upon this video 😁

Ответить
Tetsuo Rulin
Tetsuo Rulin - 15.10.2023 15:08

thanks my G

Ответить
opa
opa - 07.10.2023 16:00

pluh

Ответить
Jhonata Antunes
Jhonata Antunes - 06.10.2023 05:48

Can you make a vídeo about nested scrolls? Maybe some columns, with individual scroll, with horizontal scroll for columns.

Ответить
Biking Like Becker
Biking Like Becker - 02.10.2023 19:25

save: to playlist -> is not functioning on this video so unable to add to playlist.. fyi.. I presume integrating this into the style(index).css file?
How do we make it so we can click on the page(not scrollbar) & move it up like a mac instead of scroll wheel?
great stuff you are teaching & sharing... something we should all do with the knowledge that was shared with us by others... Concise & Articulated. Very easy to follow along & understand!

Ответить
Darkijah-Anders Jehovahsøn
Darkijah-Anders Jehovahsøn - 03.09.2023 15:12

Oh yea, now I remember why I came back.... I made a double size scrollbar on Qortal, but thinking about it, might not be bad with a 1 px of box and you had the code for that in the video. I have 6 browsers open and doing something and seeing the results in all 6 browsers, always issues!!!
And the Firefox Scrollbar nonsense, is just another utter insane satanic move by the Google Paid Firefox programmers.

Ответить
Darkijah-Anders Jehovahsøn
Darkijah-Anders Jehovahsøn - 01.09.2023 19:40

@supports (scrollbar-color: red blue) {
* {scrollbar-color: red blue; scrollbar-width: auto;}}

Whats the point of the things after scrollbar color red blue if it is not used for anything after support?

Ответить
Darkijah-Anders Jehovahsøn
Darkijah-Anders Jehovahsøn - 01.09.2023 19:27

I can literally have a website and do nothing and just see how the browsers ruin my website. Like Firefox now making slim bars that ruined my functionally on my menu and the nice standard size bar. Programmers are full of crap, has been for a long time.

Same with code and what they do with boxes and all... Keep it standard and let the user define from bottom up. Like if I want a box, I don't want a box with smooth corners!!!!

It is just an ever ending battle and more madness, 10 browsers, 10 different results.

Ответить
Darkijah-Anders Jehovahsøn
Darkijah-Anders Jehovahsøn - 01.09.2023 19:21

Yea new versions of firefox with the utter nonsense of slim scroll bars, and even hiding my menu scroll that is smaller behind the webpage slim scrollbar... Depraved programmers of the Devil taking money from Google. I wonder if the Auto function then restores it to the old way of Scrollbar.

I made a 30px scrollbar with the webkite and it is just so nice to have a bar that you can actually easily hit with your mouse. So sick and tired of all this slimming bullshit.

Ответить
Darkijah-Anders Jehovahsøn
Darkijah-Anders Jehovahsøn - 01.09.2023 19:00

Yea hate it all, it is so complicated overall. They just made things more and more complicated not even having the option of a html include.

Ответить
Lone Wolf Coding Professional
Lone Wolf Coding Professional - 28.07.2023 07:39

how about when you hover the scrollbar the scrollbar will expand and contract with transition

Ответить
Hydyr Avezberdiyew
Hydyr Avezberdiyew - 11.07.2023 21:20

where is scrollbar from thumb with gradients

Ответить
fad
fad - 30.06.2023 10:14

can you please make a tutorial how to make the scrollbar on top of the div?

Ответить
Henyo Heneral
Henyo Heneral - 27.06.2023 03:54

is there a "custom scrollbar in web pages that can save you left in the page" in google chrome ???

Ответить
Muhammad Ali
Muhammad Ali - 12.06.2023 13:01

Awesome Kevin!

Ответить
SEEKer
SEEKer - 10.06.2023 15:33

Can you make scroller thumb thicker or bigger than scroller track?

Ответить
Glow0110
Glow0110 - 05.06.2023 04:32

Such a great, straightforward video

Ответить