...
CSS

How to hide scrollbar but, while still being able to scroll

04 April 2019

Here, I will show you how to scroll through the whole page, but without scrollbar being shown.
There are couple of way for hiding the scrollbar but, you would not able to scroll so, it may be a help for someone.

You could do this thing by simply add CSS code:

CSS:

#parentID{
    height: 100%;
    width: 100%;
    overflow: hidden;
}

#childID{
    width: 100%;
    height: 100%;
    overflow-y: scroll;
    padding-right: 17px; /* Increase/decrease this value for cross-browser compatibility */
    box-sizing: content-box; /* So the width will be 100% + 17px */
}

Leave a Comments