2012-09-30 15 views
7

Aquí es un caso de prueba simple para mi problema:¿Por qué el evento de desplazamiento de rueda no se activa cuando el mouse está sobre un elemento "posición: fijo"?

http://jsfiddle.net/JZmvf/20/

  • poner el cursor sobre el cuadrado rojo
  • de desplazamiento con la rueda del ratón
  • el div padre no se desplaza

Cómo hacer que el div principal normalmente se desplace con la rueda del mouse, incluso cuando el mouse está sobre la posición: ¿elemento fijo?

Gracias.

+0

Se desplaza bien en Windows 7/IE9, pero no se desplaza en Chrome. Incluso si lo resolvió para un navegador, podría enfrentar el mismo problema en diferentes combinaciones de plataforma/navegador, así que no me molestaría en intentar solucionarlo si fuera usted. –

Respuesta

1

Elementos con position: fixed; se posicionan en relación con el área de visualización, por lo que el scrollable div no es el padre de la div fixed en este caso, a pesar de que puede aparecer de esa manera si usted está buscando en la salida.

Si coloca el cursor sobre el div fixed y se desplaza hacia abajo, se indica a su navegador que se desplace hacia abajo por el div fixed. Los elementos fijos, por naturaleza, no son desplazables, por lo que no sucede nada.

Es posible que desee agregar algunos detalles más sobre exactamente lo que está tratando de lograr. ¡Espero que ayude!

0

Es muy tarde para obtener una respuesta, pero pude solucionar este problema agregando el estilo pointer-events: none al div "fijo".

De esta manera: http://jsfiddle.net/JZmvf/55/

Cuestiones relacionadas