/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

6 votes136 views3 answers
Css for safari only
CSS
1 vote122 views1 answer
Css minifier api
CSS
0 vote114 views1 answer
Radio button css only 1
CSS
0 vote129 views1 answer
Alternate css animation
CSS
67 votes126 views6 answers
Center absolute
CSS
187 votes178 views6 answers
Div background image
CSS
56 votes127 views2 answers
Responsive css code for all screen size
CSS
0 vote166 views1 answer
Quitar borde a un boton css
CSS
17 votes116 views1 answer
Sass calc with variable
CSS
33 votes109 views6 answers
Git reset head
CSS