Saltar al contenido

js ejemplo de código de parada de desplazamiento

Nuestro equipo de expertos pasados muchos días de investigación y recopilación de de datos, hemos dado con la respuesta, esperamos que todo este artículo sea de gran utilidad para tu proyecto.

Ejemplo 1: javascript deshabilita el desplazamiento

function disableScrolling()
    var x=window.scrollX;
    var y=window.scrollY;
    window.onscroll=function()window.scrollTo(x, y);;function enableScrolling()window.onscroll=function();

Ejemplo 2: javascript scroll privent

// left: 37, up: 38, right: 39, down: 40,
// spacebar: 32, pageup: 33, pagedown: 34, end: 35, home: 36
var keys =37:1,38:1,39:1,40:1;

function preventDefault(e)
  e.preventDefault();function preventDefaultForScrollKeys(e)if (keys[e.keyCode])preventDefault(e);
    return false;// modern Chrome requirespassive: false  when adding event
var supportsPassive = false;
trywindow.addEventListener("test", null, Object.defineProperty(, 'passive',get: function () supportsPassive = true;));catch(e)var wheelOpt = supportsPassive ?passive: false : false;
var wheelEvent = 'onwheel' in document.createElement('div') ? 'wheel':'mousewheel';

// call this to Disable
function disableScroll()
  window.addEventListener('DOMMouseScroll', preventDefault, false); // older FF
  window.addEventListener(wheelEvent, preventDefault, wheelOpt); // modern desktop
  window.addEventListener('touchmove', preventDefault, wheelOpt); // mobile
  window.addEventListener('keydown', preventDefaultForScrollKeys, false);// call this to Enable
function enableScroll()
  window.removeEventListener('DOMMouseScroll', preventDefault, false);
  window.removeEventListener(wheelEvent, preventDefault, wheelOpt); 
  window.removeEventListener('touchmove', preventDefault, wheelOpt);
  window.removeEventListener('keydown', preventDefaultForScrollKeys, false);

Sección de Reseñas y Valoraciones

Puedes secundar nuestra faena escribiendo un comentario y puntuándolo te estamos agradecidos.

¡Haz clic para puntuar esta entrada!
(Votos: 0 Promedio: 0)



Utiliza Nuestro Buscador

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *