hide scrollbar css

1/* Hide scrollbar for Chrome, Safari and Opera */
2.scrollbar-hidden::-webkit-scrollbar {
3  display: none;
4}
5
6/* Hide scrollbar for IE, Edge add Firefox */
7.scrollbar-hidden {
8  -ms-overflow-style: none;
9  scrollbar-width: none; /* Firefox */
10}

1html {
2  overflow:   scroll;
3}
4::-webkit-scrollbar {
5    width: 0px;
6    background: transparent; /* make scrollbar transparent */
7}

1/* A very quick an applicable solution is to use this piece of code: */
2html {
3overflow: scroll;
4overflow-x: hidden;
5}
6::-webkit-scrollbar {
7width: 0px; /* remove scrollbar space /
8background: transparent; / optional: just make scrollbar invisible /
9}
10/ optional: show position indicator in red */
11::-webkit-scrollbar-thumb {
12background: #FF0000;
13}

1.container {
2    overflow-y: scroll;
3    scrollbar-width: none; /* Firefox */
4    -ms-overflow-style: none;  /* Internet Explorer 10+ */
5}
6.container::-webkit-scrollbar { /* WebKit */
7    width: 0;
8    height: 0;
9}
10

1::-webkit-scrollbar {
2    display: none;
3}

1 /* hide scrollbar but allow scrolling */element {    -ms-overflow-style: none; /* for Internet Explorer, Edge */    scrollbar-width: none; /* for Firefox */    overflow-y: scroll; }element::-webkit-scrollbar {    display: none; /* for Chrome, Safari, and Opera */}