Esta página ha sido traducida del inglés por la comunidad. Aprende más y únete a la comunidad de MDN Web Docs.
::-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>
[フレーム]