Bloquear y desbloquear página de desplazamiento usando KIT Locker JavaScript plugin

Tiempo de ejecución: 30 minutos. Empezar

Autor: Natteke
Views Total: 510
Sitio oficial: Ir a la web
Actualizado: September 3, 2018
Licencia: MIT

Vista prévia

Bloquear y desbloquear página de desplazamiento usando KIT Locker JavaScript plugin

Descripción

KIT Locker es un plugin de JavaScript puro para bloquear y desbloquear el desplazamiento de su página web cuando sea necesario.

Ideal para evitar el desplazamiento de página cuando se abre una ventana emergente modal o el usuario se desplaza a través del contenido dentro de un elemento contenedor.

Funcionamiento

Incluya el JavaScript y la hoja de estilo en la página.

<link href="prod/kit.locker.min.css" rel="stylesheet">
<script src="prod/kit.locker.js"></script>

Inicializar el plugin.

kit.locker.createLocker()

Evite el desplazamiento de la página.

kit.locker.lock();

Desbloquear.

kit.locker.unlock();

Ejecutar funciones cuando la página está bloqueada o se desbloquea.

kit.locker.createLocker({

onLock: function(){

 console.log("Page locked!")

});


onRelease(): function(){

 console.log("Page unlocked!")

});
})

Te puede interesar: