2012-09-30 11 views
7

Qui è un banco di prova semplice per il mio problema:Perché l'evento di scorrimento delle ruote non si attiva quando il mouse si trova su un elemento "posizione: fissa"?

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

  • put mouse sopra il quadrato rosso
  • scorrimento con la rotellina del mouse
  • il div padre non sta scorrendo

Come far si che il genitore div normalmente scorri con la rotellina del mouse, anche quando il mouse è sopra la posizione: elemento fisso?

Grazie.

+0

Si scorre bene in Windows 7/IE9, ma non scorre in Chrome. Anche se lo avessi risolto per un browser, potresti affrontare lo stesso problema con diverse combinazioni di piattaforma/browser, quindi non mi preoccuperei di provare a risolverlo se fossi in te. –

risposta

1

Elementi con position: fixed; sono posizionati rispetto al viewport, in modo che il div scrollable non è il padre della fixed div in questo caso, anche se può apparire in questo modo se si sta solo guardando l'uscita.

Se si posiziona il cursore sul div fixed e si scorre verso il basso, al browser viene richiesto di scorrere verso il basso il div fixed. Gli elementi fissi, per loro natura, non sono scorrevoli, quindi non succede nulla.

Si consiglia di aggiungere qualche altro dettaglio su esattamente ciò che si sta tentando di realizzare. Spero possa aiutare!

0

È molto tardi per una risposta, ma sono riuscito a risolvere questo problema aggiungendo lo stile pointer-events: none al div "fisso".

Ti piace questa: http://jsfiddle.net/JZmvf/55/

Problemi correlati