Hide scroll bar for a dive

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 */
}

Remove scrollbar css

/* Hide scrollbar for Chrome, Safari and Opera */
.example::-webkit-scrollbar {
  display: none;
}

/* Hide scrollbar for IE and Edge */
.example {
  -ms-overflow-style: none;
}

Javascript keep scroll visible

::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 7px;
}
::-webkit-scrollbar-thumb {
  border-radius: 4px;
  background-color: rgba(0, 0, 0, .5);
  -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, .5);
}

Source: stackoverflow.com

Hide scroll bar for a dive

/*Auto hide scrollbar for PC only*/
@media (min-width:576px) {
    /* Hide scrollbar for Chrome, Safari and Opera */
    .hide-scrollbars::-webkit-scrollbar {
        /*display: none; to completely hide the scrollbar*/ 
        -webkit-appearance: none;        
        width: 4px; /*scrollbar width for vertical one*/
        height: 4px; /*scrollbar width for horizontal one*/
    }

    .hide-scrollbars::-webkit-scrollbar-thumb {        
        visibility: hidden;
        border-radius: 2px;
        background-color: rgba(0, 0, 0, .1);
        -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, .1);
    }

    .hide-scrollbars::-webkit-scrollbar-thumb:hover {        
        visibility: visible;        
    }

    /* Hide scrollbar for IE, Edge and Firefox */  
    .hide-scrollbars{
        -ms-overflow-style: none;  /* IE and Edge */
        scrollbar-width: none;  /* Firefox */
    }
}

Similar codes

8 votes419 views3 answers
Css max one line three dots
CSS
0 vote416 views2 answers
How to force fully show the keyboard in android
CSS
5 votes371 views3 answers
Css set div heigtto screen
CSS
0 vote544 views1 answer
How to use bootstrap color variables in sass
CSS Bootstrap
17 votes344 views1 answer
Artillery annot be loaded because running scripts is disabled on this system
CSS
22 votes341 views4 answers
Import font css from url
CSS
0 vote364 views1 answer
Round image center
CSS
0 vote370 views1 answer
Break table for printing
CSS
-1 vote359 views1 answer
Span size css
CSS
102 votes429 views6 answers
@media query css
CSS