document scrolling without scrollbar code example
Example 1: hide scrollbar css
/* Hide scrollbar for Chrome, Safari and Opera */
.scrollbar-hidden::-webkit-scrollbar {
display: none;
}
/* Hide scrollbar for IE, Edge add Firefox */
.scrollbar-hidden {
-ms-overflow-style: none;
scrollbar-width: none; /* Firefox */
}
Example 2: javascript hide scrollbar
// You can hide the document scrollbar with this...
document.body.style.overflow = 'hidden';
//...and unhide it with this:
document.body.style.overflow = 'visible';
// Or switch between them:
booleanCondition
? document.body.style.overflow = 'hidden'
: document.body.style.overflow = 'visible';