CSS Deaktiviertes Scrollen

Stieß ich auf ein Problem mit einer unserer Webseiten:

In IE9 die Seite hatte eine vertikale scrollbar, aber Sie konnte nicht verwenden Sie das Mausrad, die Pfeiltasten, pgup/pgdwn, um zu scrollen. Der einzige Weg, um zu Blättern war tatsächlich klicken/halten und bewegen Sie die Bildlaufleiste.

Entfernte ich die folgenden aus der css:

{
    overflow-x: hidden;
}

Dann scrollen funktionierte wie gewohnt. Hat jemand begegnet das? Es scheint sonderbar, wie overflow-x verbergen sollte der horizontale scroll-bar? Warum würde es die Wirkung der vertikalen?

Ich habe versucht, diese auf einer Testseite, und es wirkt wie erwartet. Also muss es eine Kombination von Dingen.

Kommentar zu dem Problem - Öffnen
"*ich habe versucht, diese auf einer Testseite, und es wirkt wie erwartet. Also muss es eine Kombination von Dingen." - es sei denn, jemand hat über diesen, bevor wir müssen eine Testseite, die das problem reproduziert. Sie können entweder einen link posten zu der Seite, oder nehmen Sie eine Kopie der Seite selbst und anonymisieren und haben alle erforderlichen CSS (und JavaScript relevant für das problem) enthalten ist und poste es auf JS Bin. Kommentarautor: thirtydot
Entschuldigung, ich habe nicht die Erlaubnis, um einen link zu posten der Materialien selbst (Sie sind nur für Abonnenten). Dies war vor allem von Interesse, wie ich es geschafft habe, um das Problem zu lösen, nur ich verstehe nicht, warum der fix funktioniert. Leider kann ich nicht einfach eine Seite uploaden, da es Teil eines e-learning-system. Kommentarautor: Sheff

InformationsquelleAutor der Frage Sheff | 2011-09-07

  1. 39

    Versuchen Sie es mit den folgenden code-snippet. Dies sollte bei der Lösung Ihres Problems.

    body, html { 
    overflow-x: hidden; 
    overflow-y: auto;
}

    InformationsquelleAutor der Antwort Abhijit Sinha

  2. 15

    overflow-x: hidden;

    würde ausblenden, was auf der x-Achse, geht nach draußen, der das element, so gäbe es keine Notwendigkeit für Sie die horizontale Bildlaufleiste, und es entfernt bekommen.

    overflow-y: hidden;

    würde ausblenden, was auf der y-Achse, geht nach draußen, der das element, so gäbe es keine Notwendigkeit für die vertikale scrollbar und es entfernt bekommen.

    overflow: hidden;

    würde entfernen Sie die beiden scrollbars

    InformationsquelleAutor der Antwort Martin

  3. 2

    Ich benutze iFrame einfügen den Inhalt aus einer anderen Seite und CSS oben erwähnt NICHT wie erwartet funktioniert. Ich habe die Verwendung der parameter scrolling="no", selbst wenn ich HTML 5 Doctype

    InformationsquelleAutor der Antwort Roman

Schreibe einen Kommentar