::-webkit-scrollbar

Resumen

El pseudo-elemento CSS ::-webkit-scrollbar afecta el estilo de la barra de desplazamiento asociada a un elemento.

Nota: ::-webkit-scrollbar sólo está disponible en navegadores basados en WebKit (p.e., Google Chrome).

Ejemplo

css

.visible-scrollbar,
.invisible-scrollbar {
  display: block;
  width: 10em;
  overflow: auto;
}
.invisible-scrollbar::-webkit-scrollbar {
  display: none;
}

html

<div class="visible-scrollbar">
  Thisisaveeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeerylongword
</div>
<div class="invisible-scrollbar">
  Thisisaveeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeerylongword
</div>