Question : hide scrollbar but still scroll
Answered by : hossein-sadeghi
.class { -ms-overflow-style: none; /* Internet Explorer 10+ */ scrollbar-width: none; /* Firefox */
}
.class::-webkit-scrollbar { display: none; /* Safari and Chrome */
}
Source : | Last Update : Sun, 06 Mar 22
Question : how to hide scrollbar but still scroll
Answered by : valentin-gorrin
::-webkit-scrollbar { display: none;
}
Source : | Last Update : Sun, 29 Aug 21
Question : hide scrollbar of a div but keep functionality
Answered by : abbas-abdallah
.class-called-body::webkit-scrollbar{ display: none;
}
Source : | Last Update : Wed, 23 Mar 22
Question : hide scrollbar but still scroll
Answered by : imtiyaz
//Hide scrollbar completly (vertical & horizontaly) scrollbar but still able to scroll
/* replace ".container" with your "id" or "className" */
.container { -ms-overflow-style: none; scrollbar-width: none;
}
.container::-webkit-scrollbar { display: none;
}
Source : | Last Update : Sat, 15 Oct 22
Question : css hide scrollbar but still scroll
Answered by : alex-yousef
{"tags":[{"tag":"textarea","content":"\/* Hide scrollbar but still allow scrolling *\/\nbody {\n overflow: auto;\n}\n\n\/* Hide scrollbar *\/\nbody::-webkit-scrollbar {\n width: 0.5em;\n}\n\nbody::-webkit-scrollbar-track {\n background: #f1f1f1;\n}\n\nbody::-webkit-scrollbar-thumb {\n background-color: #888;\n border-radius: 1em;\n}\n","code_language":"css"}]}
Source : | Last Update : Tue, 14 Mar 23
Question : css hide scrollbar but scrollable
Answered by : dayanasan
-webkit- (Chrome, Safari, newer versions of Opera):
.element::-webkit-scrollbar { width: 0 !important }
-moz- (Firefox):
.element { overflow: -moz-scrollbars-none; }
-ms- (Internet Explorer +10):
.element { -ms-overflow-style: none; }
Source : | Last Update : Thu, 28 Jul 22