/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 vote220 views1 answer
Css animation cheat sheet
CSS
1 vote249 views1 answer
Page icon css
CSS
0 vote226 views1 answer
Webpack how to disable warning when run build
CSS
0 vote214 views1 answer
Css dropdown menu with scrollbar
CSS
38 votes223 views3 answers
Use CSS to set the background color of the document (body) to yellow.
CSS
23 votes237 views2 answers
Center align in grid
CSS
60 votes218 views3 answers
Adding shadow to a div
CSS
0 vote219 views1 answer
How to add color in css
CSS
0 vote220 views1 answer
Comentarios en archivo scss
CSS
0 vote215 views2 answers
Css gradient rgba to hex
CSS