Introduction   A scrollbar is a GUI element that appears on the right side (or... Tagged with webdev, css, beginners, programming.

Mental Health

Community Picks is a section on daily.dev where our community members share the most interesting and valuable content they've discovered online. From insightful articles to handy tools, every post is a gem curated by our dedicated coomunity. To contribute to Community Picks, you need to have at least 250 reputation points, ensuring that only active and trusted members can share their finds.

Community Picks

Learn how to hide scrollbars on websites and web applications using CSS properties. Discover methods to hide element scrollbars and browser scrollbars. Improve the aesthetics of your website without sacrificing functionality.

How to Hide Scrollbar Using CSS?

CSS properties to hide element scrollbars

CSS properties to hide browser scrollbars

Hide scrollbars in Webkit browsers like Chrome, Safari, Edge, and Firefo

Hiding scrollbars when the content is allowed to scroll is horrible from a UX and accessability point of view. Don’t do it!

hiding scrollbars is bad UI. knowing a scrollbar is available is important to know, hiding them has no practical purpose