/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

20 votes204 views3 answers
Css text selection none
CSS
1 vote251 views1 answer
Add image to div in css
CSS
0 vote197 views1 answer
Css static header on scroll
CSS
0 vote193 views2 answers
Css how to stop screen from left and right
CSS
1 vote205 views1 answer
Sideways linear gradient
CSS
42 votes188 views5 answers
Css cut off text
CSS
3 votes189 views2 answers
Expo vector icons install
CSS
45 votes201 views6 answers
How to write css in html
CSS
27 votes204 views1 answer
Css how to create gradients on text outline
CSS
4 votes267 views2 answers
Javafx change button background color
CSS