hide horizontal 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}

1.x-scroll-disabled {
2	overflow-x: hidden;
3}

1overflow-x: hidden;
2

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}

1html {
2    overflow: scroll;
3    overflow-x: hidden;
4}
5::-webkit-scrollbar {
6    width: 0;  /* Remove scrollbar space */
7    background: transparent;  /* Optional: just make scrollbar invisible */
8}
9/* Optional: show position indicator in red */
10::-webkit-scrollbar-thumb {
11    background: #FF0000;
12}
13

1// Sass Mixing
2@mixin hideScrollbar {
3  &::-webkit-scrollbar {
4    width: 0 !important
5  }
6  -ms-overflow-style: none;
7  scrollbar-width: none;
8}