Hide scroll bar, but while still being able to scroll?

Question

I want to be able to scroll through the whole page, but without the scrollbar being shown.In Google Chrome it's: ::-webkit-scrollbar { display: none; }But Mozilla Firefox and Internet Explorer don't seem to work like that.I also tried this in CSS: overflow: hidden;That does hide the scrollbar, but I can't scroll anymore.Is there any way I can remove the scrollbar while still being able to scroll the whole page?With just CSS or HTML, please.

Answer 1

W3Schools suggests the following code (part of which you've already noted):

/* Hide scrollbar for Chrome, Safari and Opera */

.example::-webkit-scrollbar {

display: none;

}

/* Hide scrollbar for IE and Edge */

.example {

-ms-overflow-style: none;

}

However, this doesn't appear to work in FireFox. Some sources have suggested these for FireFox:

scrollbar-width: none; /* Recent FF */

overflow: -moz-scrollbars-none; /* Older FF */