Hide scrollbar but still scrollable in CSS
i try ::-webkit-scrollbar { display: none; } this is working only Google Chrome but i want all browser
so please help me?
Asked
Active
Viewed 137 times
-1
Raptor
- 53,206
- 45
- 230
- 366
-
You can use this: `body { overflow: hidden; }` – Raptor Apr 17 '18 at 07:32
-
@Raptor wouldn't he be unable to scroll then? – aMJay Apr 17 '18 at 07:33
-
Possible duplicate of [Hiding the scrollbar on an HTML page](https://stackoverflow.com/questions/3296644/hiding-the-scrollbar-on-an-html-page) – Sfili_81 Apr 17 '18 at 07:33
-
4Possible duplicate of [Hide scroll bar, but while still being able to scroll](https://stackoverflow.com/questions/16670931/hide-scroll-bar-but-while-still-being-able-to-scroll) – sshanzel Apr 17 '18 at 07:35
-
@MateuszJ oops. I overlooked the question. – Raptor Apr 17 '18 at 07:37
-
i try *body{overflow:hidden;}* scrollbar hide but site not scroll – softoundtestemail Apr 17 '18 at 07:43
-
See working example: http://jsfiddle.net/5GCsJ/954/ – Mubariz Hajimuradov Apr 17 '18 at 07:45
-
yes its working but not working in my template Why? – softoundtestemail Apr 17 '18 at 07:56
2 Answers
0
I tried this on Firefox, Chrome, and Opera using CSS only. All work fine with it.
* {
/* hide scrollbar for firefox */
scrollbar-width: none;
}
/* hide scroll bar for chrome and opera */
::-webkit-scrollbar {
display: none;
width: 0px;
}
Mad7Dragon
- 1,237
- 1
- 10
- 21
