Desplazar elemento a la vista si es necesario
| Autor: | stipsan |
|---|---|
| Views Total: | 922 |
| Sitio oficial: | Ir a la web |
| Actualizado: | November 8, 2018 |
| Licencia: | MIT |
Vista prévia
Descripción
desplazamiento-en-vista-si-necesario es un JavaScript ponyfill para el Element. scrollIntoViewIfNeeded () método que permite al usuario desplazarse suavemente una elemento específico en la ventanilla si el elemento no está fuera de la pantalla.
Viene con algunas opciones útiles como la alineación del desplazamiento, la propagación del límite, la transición personalizada y más.
¿Cómo funciona?
Instale & Descargue el paquete scrollIntoViewIfNeeded.
# Yarn $ yarn add scroll-into-view-if-needed # NPM $ npm install scroll-into-view-if-needed --save
Importe la biblioteca scrollIntoViewIfNeeded.
// ES 6
import scrollIntoView from 'scroll-into-view-if-needed';
// CommonJS:
const scrollIntoView = require('scroll-into-view-if-needed'); Inicialice la biblioteca y especifique el nodo de destino.
scrollIntoView(target, options)
Todas las opciones posibles para personalizar el efecto de desplazamiento suave.
scrollIntoView(target, {
// 'auto' | 'smooth' | 'instant' | Function
behavior: 'auto',
// 'always' | 'if-needed'
scrollMode: 'always',
// Element | Function
boundary: null,
// 'start' | 'center' | 'end' | 'nearest'
block: 'center',
// 'start' | 'center' | 'end' | 'nearest'
inline: 'start'
}) Registro de cambios
v1.15.1 (11/08/2018)
- actualizar
