Animaciones de tirón suave/swipe en JavaScript-pull-Element

Tiempo de ejecución: 30 minutos. Empezar

Autor: Lucifier129
Views Total: 3,055
Sitio oficial: Ir a la web
Actualizado: September 22, 2018
Licencia: MIT

Vista prévia

Animaciones de tirón suave/swipe en JavaScript-pull-Element

Descripción

Pull-Element es una biblioteca nativa de JavaScript que implementa las animaciones de arrastre/barrido suave estilo aplicación móvil en cualquier objeto DOM. Impulsado por transiciones y transformaciones CSS3.

Install the pull-element via NPM:

$ npm install pull-element

Funcionamiento

Importe el elemento de extracción al proyecto.

import PullElement from 'pull-element'

O incluya el archivo JavaScript principal pull-Element. js en la página HTML.

<script src="pull-element.js"></script>

A continuación, inicializar el elemento de extracción como este:

var pullElement = new PullElement()

Opciones posibles con valores predeterminados.

var pullElement = new PullElement({


target: 'body',


scroller: '',


trigger: '',


damping: 1.6,


wait: true,


pullUp: false,


pullDown: false,


pullLeft: false,


pullRight: false,


detectScroll: false,


detectScrollOnStart: false,


stopPropagation: false,


drag: false,


transitionProperty: 'transform',


transitionDuration: '0.3s',


transitionTimingFunction: 'ease-out',
})

Registro de cambios

09/22/2018

  • corregido setTranslate

Te puede interesar: