::-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>