Pequeña biblioteca de JavaScript para desplazar contenido con el ratón arrastrar-dragscroll
| Autor: | asvd |
|---|---|
| Views Total: | 5,686 |
| Sitio oficial: | Ir a la web |
| Actualizado: | July 5, 2018 |
| Licencia: | MIT |
Vista prévia
Descripción
dragScroll es una pequeña biblioteca de JavaScript que le permite utilizar el arrastre del ratón para desplazar el contenido en ambas direcciones.
¿Cómo funciona?
Descargue e importe el dragscroll. js en su página web.
<script src="dragscroll.js"></script>
Envuelve tu contenido largo en el contenedor con la clase CSS de ' dragscroll '.
<div class=dragscroll> ... </div>
Haga que el contenedor sea desplazable.
.dragscroll {
border: 1px solid rgb(31, 40, 49);
background-color : #283849;
overflow: auto;
width: 270px;
height: 380px;
padding: 20px;
cursor : -webkit-grab;
cursor : -moz-grab;
cursor : -o-grab;
cursor : grab;
margin: 30px auto;
color: #fff;
} Cambie el estilo del cursor mientras arrastra/desplaza el área desplazable.
.dragscroll:active {
cursor : -webkit-grabbing;
cursor : -moz-grabbing;
cursor : -o-grabbing;
cursor : grabbing;
} Registro de cambios
v0.0.8 (07/05/2018)
- actualizar
