Wie passt man die iFrame-Höhe ohne Bildlaufleisten an den Inhalt an?

Anpassen der iFrame-Höhe an den Inhalt ohne Bildlaufleisten

Das Erstellen eines iFrames, das seine Höhe nahtlos anpasst, um alle Inhalte anzuzeigen, ohne Bildlaufleisten zu verwenden, kann ein Problem sein Herausforderung. Es gibt jedoch eine Lösung durch die Verwendung von JavaScript.

Antwort:

Erwägen Sie die Einbindung von Folgendem:

1. Fügen Sie das folgende Skript hinzu Dein Abschnitt:

<script>
  function resizeIframe(obj) {
    obj.style.height = obj.contentWindow.document.documentElement.scrollHeight + 'px';
  }
</script>

2. Ändern Sie Ihren iFrame-Code so, dass er Folgendes enthält:

<iframe src="..." frameborder="0" scrolling="no" onload="resizeIframe(this)" />

Dieser Skript- und Attributzusatz ändert die Größe des iFrames dynamisch basierend auf die Höhe des Inhalts, wodurch Bildlaufleisten überflüssig werden und ein optimales Seherlebnis gewährleistet wird.

Das obige ist der detaillierte Inhalt vonWie passt man die iFrame-Höhe ohne Bildlaufleisten an den Inhalt an?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!