2012-09-30 12 views
7

Hier ist ein einfacher Testfall für mein Problem:Warum wird das Radscrollereignis nicht ausgelöst, wenn sich die Maus über einem Element "position: fixed" befindet?

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

  • Put-Maus über das rote Quadrat
  • Rolle mit Mausrad
  • die Mutter div nicht scrollt

Wie wird der Eltern-Div normalerweise mit dem Mausrad bewegt, auch wenn sich die Maus über der Position befindet: fixed element?

Danke.

+0

Es scrollt fein in Windows 7/IE9, aber bewegt sich nicht in Chrome. Selbst wenn Sie es für einen Browser gelöst haben, könnten Sie das gleiche Problem über verschiedene Plattform/Browser-Kombinationen hinweg haben, also würde ich nicht versuchen, es zu reparieren, wenn ich Sie wäre. –

Antwort

1

Elemente mit position: fixed; sind in Bezug auf das Bildfenster positionieren, so dass die scrollable div in diesem Fall nicht die Eltern des fixed div ist, auch wenn es so erscheinen, wenn Sie gerade am Ausgang suchen.

Wenn Sie den Cursor über den Bereich fixed bewegen und nach unten scrollen, wird Ihrem Browser angezeigt, die fixed div. Feste Elemente sind von Natur aus nicht scrollbar, also passiert nichts.

Sie möchten vielleicht ein paar weitere Details über genau das hinzufügen, was Sie erreichen möchten. Ich hoffe, das hilft!

0

Es ist sehr spät für eine Antwort, aber ich war in der Lage, dieses Problem zu überwinden, indem pointer-events: none Stil der "festen" div.

So: http://jsfiddle.net/JZmvf/55/

Verwandte Themen