Categorias
iiiiii
Scroll personalizado
Descripcion
Para darle esrtilos a nuestro escroll se hace uso
html
<!DOCTYPE html>
<!-- esta propiedad no es compatible con internet eigch ni firefox-->
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Placeat dolorum sequi corporis quaerat ipsum, expedita totam ullam culpa ad at quasi, eius eos maxime ab nemo nihil perspiciatis. Distinctio, sint.
</p>
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sit eius, ut animi quisquam iure in dolorem ex? Dicta assumenda saepe labore aliquam corporis optio minima, aspernatur nobis amet asperiores repellendus!
</p>
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Placeat dolorum sequi corporis quaerat ipsum, expedita totam ullam culpa ad at quasi, eius eos maxime ab nemo nihil perspiciatis. Distinctio, sint.
</p>
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sit eius, ut animi quisquam iure in dolorem ex? Dicta assumenda saepe labore aliquam corporis optio minima, aspernatur nobis amet asperiores repellendus!
</p>
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Placeat dolorum sequi corporis quaerat ipsum, expedita totam ullam culpa ad at quasi, eius eos maxime ab nemo nihil perspiciatis. Distinctio, sint.
</p>
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sit eius, ut animi quisquam iure in dolorem ex? Dicta assumenda saepe labore aliquam corporis optio minima, aspernatur nobis amet asperiores repellendus!
</p>
</body>
</html>
css
/*Contenedor donde esta el scroll*/
body::-webkit-scrollbar {
width: 7px;
/*background-color: black;*/ /*color de todo el contenedor donde esta el scrooll*/
}
/*BArra del scroll*/
body::-webkit-scrollbar-thumb{
background-color: green;
}