/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

8 votes406 views2 answers
Css margin bottom
CSS
6 votes396 views6 answers
Break word css
CSS
2 votes368 views2 answers
Css glow on hover
CSS
0 vote374 views4 answers
Uikit theme
CSS
2 votes419 views1 answer
Css center in td
CSS
0 vote386 views2 answers
Move header down css
CSS
32 votes328 views6 answers
Animations css
CSS
0 vote386 views1 answer
Media queries css wit logical operators
CSS
15 votes351 views3 answers
Css wrap
CSS
32 votes467 views5 answers
Css opacity
CSS