2016-09-16 2 views
1

Ich habe eine Webseite erstellt, die beim Klick auf die Schaltfläche einen absoluten Modal-ähnlichen Dialog öffnet. Als das Grundlegende, füge ich body { overflow:hidden; } mit jQuery an, um zu verhindern, dass Seitenscrollen im Hintergrund stattfinden. Dies funktioniert mit allem und verhindert Scrollen mit der Maus. (FF und Chrome - beide)Kann jemand Lösung vorschlagen für das Blättern mit den Pfeiltasten in Firefox, wenn Modal geöffnet ist?

Ausgabe kommt mit FF, wenn ich die Pfeiltasten auf der Tastatur drücke. Seitenrollen. (Es zeigt keine Bildlaufleisten.) Hat jemand das gleiche Problem oder ist dies ein bekannter Fehler? Ich hätte gerne, wenn jemand CSS-Lösung vorschlagen kann.

+0

try html {overflow: hidden; } –

+0

Ich habe das auch versucht. Hat nicht funktioniert. Siehe, Überlauf mit Körper funktioniert perfekt - es deaktiviert Bildlaufleisten, so dass Benutzer nicht mit der Maus scrollen können. Problem ist nur mit Pfeiltasten in FF. – Smit

Antwort

0

Try Standardverhalten von Pfeiltasten mit JavaScript zu verhindern:

window.onkeydown = function(event) { 
    if (
     event.keyCode === 37 || 
     event.keyCode === 38 || 
     event.keyCode === 39 || 
     event.keyCode === 40 
    ) 
    { 
     event.preventDefault(); 
    } 
}; 
+0

Danke für die Antwort. Ich habe einen CSS-Hack erwartet, wenn es welche gibt ... aber trotzdem .. die Arbeit wird erledigt .. – Smit

Verwandte Themen