2008-12-05 24 views
8

Estoy trabajando en una aplicación de lona incrustada en una página. Lo tengo para que pueda acercarse al dibujo con la rueda del mouse, pero desafortunadamente esto desplaza la página ya que es parte de un artículo.¿Cómo suprimo el desplazamiento de la rueda del mouse de la ventana ...?

¿Es posible evitar que la rueda del mouse se desplace por la ventana cuando estoy moviendo el mouse sobre un elemento dom?

Respuesta

9

conectar un controlador de eventos para la rueda del ratón (No Gecko)/DOMMouseScroll (no IE) e impedir su acción por defecto (esto es para desplazarse contenido):

 
if (element.addEventListener) 
    element.addEventListener("DOMMouseScroll", function(event) { 
     event.preventDefault(); 
    }, false); 
else 
    element.attachEvent("mousewheel", function() { 
     return false; 
    }) 

Espero que esto ayude!

+1

Gracias. ¡Eres una leyenda! –

+0

y si el elemento es un iframe con * * contenido * desplazable? ¿entonces que? En ese caso, este truco no funcionó para mí, haciendo esto en el objeto iframe. – vsync

0

Sé que esto es viejo, pero esto aún puede ser útil para los googlers.

He escrito un complemento jQuery para manejar esto: $.disablescroll.

No sólo ¿Maneja mousewheels, sino también TouchMove y eventos de pulsación de teclas, que normalmente se daría un pergamino.

// disable all scrolling: 
$(window).disablescroll(); 

// enable scrolling again: 
$(window).disablescroll("undo"); 
Cuestiones relacionadas