/CSS/Hide scroll bar and show when hover with small size

Hide scroll bar and show when hover with small size

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

4 votes120 views1 answer
Background position center center
CSS
2 votes183 views2 answers
Mysqldump: Error: 'Access denied; you need (at least one of) the PROCESS privilege(s) for this operation' when trying to dump tablespace
CSS
-1 vote172 views2 answers
How to zoom image on hover in css
CSS
0 vote262 views1 answer
How to make bootstrap cards same height css trics
CSS Bootstrap
1 vote174 views2 answers
Dropdown on hover
CSS
0 vote195 views1 answer
Css regions
CSS
36 votes176 views4 answers
Text color as gradient css
CSS
0 vote182 views1 answer
Html display text in alternating coloured panels
CSS
1 vote197 views1 answer
Chrome hide blue highlight css mobile
CSS
8 votes181 views4 answers
Css padding 4 values
CSS