::-webkit-scrollbar

This article needs a technical review. How you can help.

This article needs an editorial review. How you can help.

Draft
This page is not complete.

The ::-webkit-scrollbar CSS pseudo-element affects the style of the scrollbar of an element.

::-webkit-scrollbar is only available in WebKit-based browsers (e.g., Google Chrome).

Example

.visible-scrollbar, .invisible-scrollbar {
  display: block;
  width: 10em;
  overflow: auto;
}
.invisible-scrollbar::-webkit-scrollbar {
  display: none;
}
<div class="visible-scrollbar">Thisisaveeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeerylongword</div>
<div class="invisible-scrollbar">Thisisaveeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeerylongword</div>

Document Tags and Contributors

 Contributors to this page: Lemondoge
 Last updated by: Lemondoge,