Skip to content

Hiding scrollbar when not in use

Wesley Branton edited this page Jul 30, 2022 · 1 revision

If you don't want your scrollbar to be visible at all times, you may wish to only show the scrollbar when you are hovering over the scrollable area on a website. This can be done by enabling the Automatically hide scrollbar option for your scrollbar.

There are a few browser-related limitations that you should be aware of when enabling this feature:

Known Limitations

Empty space visible when scrollbar is hidden

Depending on how a website is styled, an empty space or bar may still be visible when the scrollbar is hidden. This space is left for the scrollbar when it's hidden to stop the page content from shifting each time the scrollbar appears or disappears.

Scrollbar is always visible on Google Chrome or Microsoft Edge

Due to a bug with Chromium-based browsers (Google Chrome and Microsoft Edge), the main scrollbar of the page is not hidden automatically. This is done to prevent the scrollbar from disappearing when the user is clicking on or directly hovering over the main scrollbar.

No animation

Chromium-based browsers do not support the fading animation when showing or hiding the scrollbar. Firefox-based browsers do not support the fading animation if you do not have custom colors set.