Iframe robando eventos de mouse

Estoy usando una clase de desplazamiento de Javascript en un sitio que se encarga de agregar sin problemas una barra de desplazamiento a todos los elementos predefinidos en la página que tienen contenido sobrevolado. Recientemente, el cliente solicitó que uno de estos elementos contenga un iframe para que pueda agregar fácilmente contenido interactivo a esta área. (Sé que sé, iframes, pero soy un subcontratista en este trabajo. No mucho.) Afortunadamente, el contenido del iFram se extrae del mismo dominio, por lo que puedo cambiar el tamaño del iframe una vez que se carga el contenido. , a su vez disparando la barra de desplazamiento de Javascript. Al final funciona maravillosamente, en Chrome.

En Explorer y Firefox, el iframe parece estar robando eventos de mouse tan pronto como el mouse está sobre el iframe. Entonces, el evento mousewheel ya no funciona. Todavía puede arrastrar el controlador de desplazamiento para desplazarse, o hacer clic en cualquier parte de la pista de desplazamiento, pero usar la rueda del mouse no hace nada. Ni siquiera dispara el evento.

He visto que otros han tenido problemas similares, pero no han encontrado una solución alternativa. ¿Alguien tiene alguna sugerencia?

Aquí está la clase Scroll para una buena medida: http://hastebin.com/xisidogiju.coffee

¡Aprecio cualquier ayuda que pueda obtener!

Los eventos del mouse están vinculados a las ventanas, los iframes son ventanas. Es un milagro que esto funcione en los navegadores webkit como dices.

Debe pasar eventListener y quizás eventHandler entre su ventana principal y los iframes cuando el mouse se mueve dentro de ellos.

Algunas referencias sobre pasar objetos entre iframes: http://www.dyn-web.com/tutorials/iframes/refs.php .

Podría simplemente superar este problema. Puede verificar la solución mencionada en el jsfiddle mencionado a continuación.

http://jsfiddle.net/6nnMV/358/

Aquí, he creado un evento para escuchar el desplazamiento del mouse y vincular el evento al iframe.

Puede desplazar la ventana o elemento principal utilizando la propiedad scrollTop como

$(element).scrollTop($(element).scrollTop+(number of pixels)); 

Esto solo funcionará cuando el iframe al que está accediendo esté en el mismo dominio.