Crear barras de desplazamiento personalizadas con JavaScript puro-scrollBot
| Autor: | akzhy |
|---|---|
| Views Total: | 2,972 |
| Sitio oficial: | Ir a la web |
| Actualizado: | June 19, 2017 |
| Licencia: | MIT |
Vista prévia
Descripción
scrollBot es una biblioteca de JavaScript vainilla que anexa una barra de desplazamiento altamente personalizable a su contenedor desplazable.
Funcionamiento
Coloque el script de scrollBot en el documento y estamos listos para ir.
<script src="scrollbot.js"></script>
Cree un nuevo objeto scrollBot y especifique el contenedor de destino.
var myDemo = new scrollbot(".container", WIDTH); Aplique sus propios estilos CSS a la barra de desplazamiento personalizada.
var myDemo = new scrollbot(".container",10).setStyle({
"background":"#202020",
"z-index":"2"
},{
"background":"rgba(0,0,0,0)"
}); Desplácese a una posición específica dentro del contenedor desplazable.
myDemo.setScroll(scrollPosition,duration)
Ejecute una función personalizada al desplazarse.
myDemo.onScroll(function)
Actualice la barra de desplazamiento que es útil en el tamaño de ventana.
myDemo.refresh()
