Biblioteca de desplazamiento Parallax para dispositivos móviles & escritorio-basicScroll

Vista prévia

Descripción

basicScroll es un ligero, potente, de alto rendimiento Parallax desplazamiento biblioteca de JavaScript diseñado para móviles y de escritorio.

Funcionamiento

Instale & descargar la biblioteca basicScroll.

# NPM
$ npm install basicscroll --save

Importe la biblioteca basicScroll.

// ES 6
import basicScroll from 'basicscroll';

// CommonJS:
const basicScroll = require('basicscroll');

<!-- OR -->
<script src="/dist/basicScroll.min.js"></script>

Cree una nueva instancia y configure el efecto de desplazamiento de paralaje de la siguiente manera:

const instance = basicScroll.create({



elem: document.querySelector('.element'),



from: 'top-bottom',



to: 'middle-middle',



props: { // CSS props




'--opacity': {





from: .01,





to: .99




}



}
})

Inicie el efecto de desplazamiento de paralaje.

instance.start()

Funciones de devolución de llamada disponibles.

const instance = basicScroll.create({



elem: document.querySelector('.element'),



from: 'top-bottom',



to: 'middle-middle',



props: { // CSS props




'--opacity': {





from: .01,





to: .99




}



},



inside: (instance, percentage, props) => {},


 outside: (instance, percentage, props) => {},
})

More API methods.

// Stops the animation
instance.stop()

// Updates instance props and their values.
instance.update()

// Calculates data for the first time
instance.calculate()

// Checks if is active
instance.isActive()

// Returns calculated data.
instance.getData()

Registro de cambios

v3.0.0 (10/30/2018)

• Se ha reducido el tamaño de la versión minimizada en casi un 50%
• El objeto. Assign debe ser soportado por el navegador