/CSS/Hide scroll bar when not needed

Hide scroll bar when not needed

Css hide scrollbar but allow scroll

html {
  overflow:   scroll;
}
::-webkit-scrollbar {
    width: 0px;
    background: transparent; /* make scrollbar transparent */
}

2

Css hide scrollbar

// Sass Mixing
@mixin hideScrollbar {
  &::-webkit-scrollbar {
    width: 0 !important
  }
  -ms-overflow-style: none;
  scrollbar-width: none;
}

1

Source: gist.github.com

Hide scroll bar when not needed

    overflow: auto;

0

Similar codes

38 votes189 views2 answers
Remove list bullet css
CSS
1 vote139 views1 answer
Text decoration none doesn't remove underline
CSS
24 votes197 views1 answer
Css gradient animations
CSS
16 votes189 views2 answers
Center h1 css
CSS
39 votes174 views5 answers
Add drop shadow css
CSS
4 votes169 views1 answer
Css first h element
CSS
2 votes177 views2 answers
Slick margin between slides
CSS
0 vote191 views1 answer
By.cssselector
CSS
0 vote179 views1 answer
Custom properties css
CSS
0 vote163 views1 answer
Unclickable button
CSS

Share