Erstellen eines iframe nehmen vertikalen Raum

Question

Ich möchte eine iframe nehmen so viel vertikalen Raum wie es braucht, um seinen Inhalt anzuzeigen und keine Bildlaufleiste anzuzeigen. Ist es überhaupt möglich?

Gibt es Workarounds?

body { 
    overflow-x: hidden; 
    overflow-y: hidden; 
} 

ich sicher, dass es dauern bin nicht so viel vertikalen Raum über, wie es braucht, noch nicht, aber ich werde sehen, ob ich kann nicht verstehen:

Answer 1

Dies sollte die IFRAME Höhe auf den Inhalt der Höhe eingestellt: die Bildlaufleisten auszuschalten

<script type="text/javascript"> 
the_height = document.getElementById('the_iframe').contentWindow.document.body.scrollHeight; 
document.getElementById('the_iframe').height = the_height; 
</script> 

Möglicherweise möchten Sie scrolling="no" zu Ihrem IFRAME hinzuzufügen.

bearbeiten: Hoppla, vergessen zu erklären the_height.

Answer 2

sollte Dieser CSS-Schnipsel die vertikale Bildlaufleiste entfernen es aus.

Answer 3

Hinzufügen einer DOCTYPE Erklärung zum IFRAME Quelldokument wird helfen, den richtigen Wert aus der Leitung

document.getElementById('the_iframe').contentWindow.document.body.scrollHeight 

W3C DOCTYPE for examples siehe

berechnen ich Probleme mit IE und FF, wie es war Rendering der iframe Dokument in "Quirks" -Modus, bis ich die DOCTYPE hinzugefügt.

FF/IE/Chrome-Unterstützung: Die .scrollHeight funktioniert nicht mit Chrome. Daher habe ich ein JavaScript-Beispiel mit jQuery erstellt, um alle IFRAME Höhen auf einer Seite basierend auf dem Iframes-Inhalt festzulegen. Hinweis: Dies ist für Referenzseiten innerhalb Ihrer aktuellen Domäne.

<script type="text/javascript"> 
    $(document).ready(function(){ 
     $('iframe').each(function(){ 
      var context = $(this); 
      context.load(function(event){ // attach the onload event to the iframe 
       var body = $(this.contentWindow.document).find('body'); 
       if (body.length > 0 && $(body).find('*').length > 0) { // check if iframe has contents 
        context.height($(body.get(0)).height() + 20); 
       } else { 
        context.hide(); // hide iframes with no contents 
       } 
      }); 
     }); 
    }); 
</script> 

Answer 4

Die Abhilfe ist nicht und Vorprozess Code serverseitig zu verwenden.

Answer 5

Überprüfen Sie auch diesen Thread: How does the DiggBar dynamically resize its iframe's height based on content not on their domain?.

Es behandelt die gleiche Frage.