/CSS/Css hide scrollbar but allow scroll

Css hide scrollbar but allow scroll

Hide scrollbar css

/* A very quick an applicable solution is to use this piece of code: */
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;
}

Source: stackoverflow.com

Hide scrollbar css

/* Hide scrollbar for Chrome, Safari and Opera */
.scrollbar-hidden::-webkit-scrollbar {
  display: none;
}

/* Hide scrollbar for IE, Edge add Firefox */
.scrollbar-hidden {
  -ms-overflow-style: none;
  scrollbar-width: none; /* Firefox */
}

Css hide scrollbar

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

Source: gist.github.com

Similar codes

0 vote101 views1 answer
Go to top page css
CSS
-1 vote156 views1 answer
Text barré css
CSS
0 vote169 views1 answer
Style image so it crops
CSS
0 vote177 views1 answer
Css pause animation
CSS
25 votes153 views4 answers
Css inline hover
CSS
27 votes163 views4 answers
Unselectable text css
CSS
32 votes161 views6 answers
Animations css
CSS
10 votes150 views5 answers
Css clamp
CSS
1 vote135 views3 answers
Font-style
CSS
2 votes110 views1 answer
Function debounce
CSS