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

0 vote170 views3 answers
Assignment 1
CSS
0 vote180 views1 answer
Input type (submit, button, reset) css
CSS
0 vote185 views1 answer
Cypress check css property value
CSS
0 vote174 views3 answers
Css make div one line
CSS
0 vote188 views1 answer
Php-twig (> 2.9) but 2.6.2-2
CSS
1 vote160 views1 answer
Css fade in and stay
CSS
0 vote267 views1 answer
What css vmin
CSS
0 vote207 views1 answer
Text stock css
CSS
1 vote235 views1 answer
Materialize customize container
CSS
34 votes177 views6 answers
Css linear gradient
CSS