/CSS/Hide the scrollbar in css if not overflow

Hide the scrollbar in css if not overflow

How to hide scrollbar overflow

html {
overflow: scroll;
overflow-x: hidden;
}
::-webkit-scrollbar {
width: 0px; /* remove scrollbar space /
background: transparent; / optional: just make scrollbar invisible /
}
/ optional: show position indicator in red */
::-webkit-scrollbar-thumb {
background: #FF0000;
}

Hide the scrollbar in css if not overflow

.myClass {
  /*auto will remove and add the scroll bar as needed*/
  overflow: auto;
}

-1

Similar codes

0 vote378 views1 answer
Tag name css doesn't work
CSS
3 votes313 views1 answer
Make item apper at the center of div
CSS
0 vote368 views1 answer
Move element on new line css
CSS
9 votes342 views2 answers
Line in middle word css
CSS
13 votes344 views6 answers
Hide title bar android
CSS
0 vote333 views1 answer
Css selector all class prefix
CSS
145 votes433 views6 answers
Import bootstrap in react
CSS
0 vote363 views1 answer
Custom select dropdown css only codepen
CSS
2 votes412 views1 answer
Size carousel bootstrap 4
CSS Bootstrap
6 votes296 views6 answers
How to properly install tailwind css in react
CSS