Scroller táctil con soporte de alineación-snapscroll. js
| Autor: | bsehovac |
|---|---|
| Views Total: | 811 |
| Sitio oficial: | Ir a la web |
| Actualizado: | February 22, 2018 |
| Licencia: | MIT |
Vista prévia
Descripción
La biblioteca snapscroll. js le permite crear un desplazador horizontal táctil que ajusta automáticamente la diapositiva actual a su contenedor después de arrastrar o deslizar el dedo.
Funcionamiento
Agregue diapositivas al desplazador como estas:
<div class="viewport"> <div class="holder"> <div class="item">1</div> <div class="item">2</div> <div class="item">3</div> <div class="item">4</div> <div class="item">5</div> <div class="item">6</div> ... </div> </div>
Importe la versión minimizada del snapscroll. js en el documento.
<script src="snapscroll.min.js"></script>
Cree una nueva instancia de SnapScroll e inicialice el desplazador.
var _snapscroll = new SnapScroll();
var viewports = document.querySelectorAll('.viewport');
_snapscroll.init(viewports) Personalice el desplazador pasando el objeto Options siguiente al SnapScroll.
var _snapscroll = new SnapScroll({
duration: 350,
easing: 'ease',
holderClass: 'holder',
itemClass: 'item',
refreshResize: true,
refreshTimeout: 0,
limitScroll: false
});
