Barra de progreso de desplazamiento horizontal mínima con JavaScript puro-skunkScroll

Tiempo de ejecución: 30 minutos. Empezar

Autor: andreasvirkus
Views Total: 1,897
Sitio oficial: Ir a la web
Actualizado: June 13, 2017
Licencia: MIT

Vista prévia

Barra de progreso de desplazamiento horizontal mínima con JavaScript puro-skunkScroll

Descripción

skunkScroll es una biblioteca de JavaScript para crear una barra de desplazamiento horizontal con capacidad de respuesta que se puede utilizar para realizar un seguimiento del progreso del desplazamiento al desplazarse por la Página Web.

Funcionamiento

Incluya el JavaScript principal en la Página Web.

<script src="js/purejavascript.js"></script>

Eso es todo. A continuación, puede estilo de la barra de progreso de desplazamiento en el CSS de la siguiente manera:

#scrollbar {

position: fixed;

top: 0;

left: 0;

overflow: hidden;

width: 0%;

height: 5px;

z-index: 9999;
}

#scrollbar-bg {

position: absolute;

top: 0;

left: 0;

width: 100%;

height: 100%;

background-color: #E16036;
}

Te puede interesar: