Hide scrollbar chrome css. A simple guide on hiding the scroll bar in CSS while keeping scroll functionality intact. Using CSS to Hide the Scrollbar The CSS properties used to hide the scrollbar are: ::-webkit-scrollbar { display: none; } This will hide the scrollbar in Webkit browsers like Chrome and Safari. 13 I have this scrollable div, which (on my Mac in Chrome) hides the scrollbar when I don't scroll. Is there anyway to remove it so that only the scroll bar appears and not the arrows at both ends. The CSS scrollbars styling module defines properties that you can use for visual styling of scrollbars. This CSS rule targets the scrollbar of any element with the class . However, this selector is only available in Webkit-based browsers, including Chrome, Opera, Safari, Edge, etc. when i did want to use the scrollbar it would be a slim black one that would appear when i moved my mouse to the right side of the screen. This will work for all major browsers like Chrome, Firefox, Safari, and Edge. Ie doesn't support this too, but I've enabled it using the following CSS: -ms-overflow-style: -ms-autohiding-scrollbar; Is there any way to enable this behaviour for Chrome and Firefox Overview An browser extension designed to let you easily hide scrollbar An browser extension designed to customize some display settings. apv7g, ole2d, bjicn, rzkb, euglq, ulel8, ea3ar, 8brmx, ltool, xambh,