Bildlauf am Körper deaktivieren

Ich möchte den Bildlauf im HTML "body" vollständig deaktivieren. Ich habe die folgenden Optionen ausprobiert:

  • Überlauf: versteckt" (funktioniert nicht, der Bildlauf wurde nicht deaktiviert, sondern nur die Bildlaufleiste ausgeblendet)

  • Position: fixed;` (dies funktionierte, aber es scrollte ganz nach oben, was für diese spezielle Anwendung inakzeptabel ist)

Ich konnte keine Alternativen zu diesen beiden Optionen finden, gibt es weitere?

Micha Wiedenmann
Bearbeitete Frage 7. Januar 2019 в 1:04
Programmierung
html css scroll
9. Februar 2015 в 2:00
2 Aufrufe
Lösung

Setzen Sie Höhe und Überlauf:

html, body {margin: 0; height: 100%; overflow: hidden}

http://jsfiddle.net/q99hvawt/

Kommentare (4)

HTML css funktioniert gut, wenn body tag nichts tut, können Sie auch schreiben

In diesem Fall sollte das Überschreiben im body-Tag erfolgen, da es einfacher zu kontrollieren ist, aber manchmal Kopfschmerzen bereitet.

IKavanagh
Bearbeitete Antwort 14. Oktober 2015 в 3:13
Kommentare (3)

Dieser Beitrag war hilfreich, aber ich wollte nur eine kleine Alternative mitteilen, die anderen helfen könnte:

Die Einstellung max-height anstelle von height tut es auch. In meinem Fall deaktiviere ich das Scrollen auf der Grundlage eines Klassen-Toggles. Das Einstellen von .someContainer {height: 100%; overflow: hidden;}, wenn die Höhe des Containers kleiner ist als die des Viewports, würde den Container strecken, was nicht das ist, was man will. Die Einstellung max-height berücksichtigt dies, aber wenn die Höhe des Containers größer ist als die des Viewports, wenn sich der Inhalt ändert, wird das Scrollen trotzdem deaktiviert.

Kommentare (0)