Heim > Web-Frontend > CSS-Tutorial > Wie deaktiviere ich das Scrollen in HTML-Iframes?

Wie deaktiviere ich das Scrollen in HTML-Iframes?

DDD
Freigeben: 2024-12-10 01:25:14
Original
821 Leute haben es durchsucht

How to Disable Scrolling in HTML Iframes?

Adressierung des Bildlaufs in HTML-Iframes

Beim Versuch, Bildlaufleisten innerhalb eines auf einer Website eingebetteten Iframes zu entfernen, stand ein Entwickler vor der Herausforderung, dass die Die HTML5-Spezifikation hatte die zuvor verfügbare Scrolleigenschaft entfernt. Dies führte zu der Frage, wie das Scrollen in solchen Situationen effektiv deaktiviert werden kann.

Trotz der Spezifikationsänderung unterstützen einige Browser, darunter Internet Explorer 10, Chrome 25 und Opera 12.12, weiterhin die Scrolleigenschaft. Die Verwendung dieser Eigenschaft in Verbindung mit der CSS-Regel „overflow:hidden“ bietet eine mögliche Lösung:

<iframe src="" scrolling="no"></iframe>
Nach dem Login kopieren
iframe {
  overflow: hidden;
}
Nach dem Login kopieren

Dieser Ansatz kann jedoch veraltet sein, wenn Browser aktualisiert werden und den HTML5-Standard vollständig übernehmen. Um diese potenzielle Einschränkung abzumildern, sollten Sie JavaScript-basierte Lösungen wie die unter http://www.christersvensson.com/html-tool/iframe.htm ausprobieren. Diese Methode kann einen robusteren Ansatz bieten, wenn sich Browser weiterentwickeln.

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

Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage