Wie kann ich das Scrollen in HTML-Iframes deaktivieren?

Scrollen in HTML-Iframes deaktivieren

Beim Einbetten externer Inhalte in eine Webseite mithilfe von Iframes kann es erforderlich sein, die angezeigten Bildlaufleisten zu deaktivieren am Rand des Iframes. Trotz der Entfernung des Scroll-Attributs aus der HTML5-Spezifikation unterstützen die meisten Browser es weiterhin.

Lösung 1: Scroll- und Überlaufattribute kombinieren

So deaktivieren Sie das Scrollen in HTML5 Für iFrames können Sie eine Kombination aus dem Scroll-Attribut und dem Überlauf-CSS verwenden Eigenschaft:

<iframe src="" scrolling="no"></iframe>

iframe {
  overflow: hidden;
}

Während diese Methode möglicherweise in einigen Browsern funktioniert, kann sie durch die Aktualisierung der Browser veraltet sein.

Lösung 2: JavaScript-basierte Lösung

Eine zuverlässigere JavaScript-basierte Lösung finden Sie in der folgenden Ressource: http://www.christersvensson.com/html-tool/iframe.htm

Browserkompatibilität

Es ist wichtig zu beachten, dass das Scroll-Attribut nur in älteren Versionen unterstützt wird Browser wie IE10, Chrome 25 und Opera 12.12. Bei neueren Browsern ist die Overflow-Eigenschaft die bevorzugte Methode, um das Scrollen in HTML5-Iframes zu deaktivieren.

Das obige ist der detaillierte Inhalt vonWie kann ich das Scrollen in HTML-Iframes deaktivieren?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!