Hide/remove scrollbar from but allow scrolling

Question

As per the title, is there a way to hide/remove the scrollbar from body (not a div, but the entire body) and keep the 'scrollable property' enabled? I've been trying different solutions in these days but nothing really worked.

Thank you in advance!

wuzla · Accepted Answer

-webkit- solution from Fabian Schultz worked great, I added: -ms-overflow-style:none; to hide scrollbar on IE. Scroll enabled, scrollbar hidden.

This is the complete CSS:

::-webkit-scrollbar {
  display: none;
}

::-webkit-scrollbar-button {
  display: none;
}

body {
  -ms-overflow-style:none;
}

Hide/remove scrollbar from <body> but allow scrolling

Tags:

javascript

html

jquery

css

document-body

GiS91

1 Answers

wuzla

Recent Activity

Donate For Us