Plugin de barra de desplazamiento personalizado de JavaScript puro-scrollbot
| Autor: | akZhy |
|---|---|
| Views Total: | 3,147 |
| Sitio oficial: | Ir a la web |
| Actualizado: | February 7, 2019 |
| Licencia: | MIT |
Vista prévia
Descripción
scrollbot es una biblioteca independiente de JavaScript que agrega una barra de desplazamiento altamente personalizable al contenedor desplazable deseado.
Funcionamiento
Crear un contenedor desplazable:
<div class="scrollbot" id="demo"> ... </div>
El área desplazable debe tener una altura fija.
.scrollbot{
width:400px;
height:250px;
box-shadow:1px 1px 6px -2px #000;
margin:10px;
display:inline-block;
vertical-align:top;
padding:3px 5px;
background:#fff;
text-align:left;
} Inicialice el scrollbot en el contenedor desplazable para crear una barra de desplazamiento predeterminada.
var normal = new scrollbot("#demo"); Ajuste el ancho de la barra de desplazamiento personalizada.
var normal = new scrollbot("#demo", 20); // 20px Establezca el estilo de la barra de desplazamiento.
// .setStyle(scrollbar,scrollbarholder)
var styled = new scrollbot("#styled").setStyle({
"border-radius":0,
"background-color":"#ff5722"
},{
"border-radius":0,
"background-color":"#ff9800"
}) Ejecutar un evento mientras se desplaza.
var callBack = new scrollbot("#callback").onScroll(function); Registro de cambios
02/07/2019
- v3.0.0
