Iframe-Höhe dynamisch machen, je nach Inhalt - JQUERY/Javascript

Ich lade eine aspx-Webseite in einem Iframe. Der Inhalt im Iframe kann höher sein als die Höhe des iframe's. Der iframe sollte keine Bildlaufleisten haben.

Ich habe einen Wrapper div Tag innerhalb des iframe, der im Grunde den gesamten Inhalt darstellt. Ich habe etwas jQuery geschrieben, um die Größenänderung zu ermöglichen:

$("#TB_window", window.parent.document).height($("body").height() + 50);

wobei TB_window" ist das Div, in dem der "Iframe" enthalten ist.

Body" - der Body-Tag der Aspx im Iframe.

Dieses Skript ist an den Inhalt des iframe angehängt. Ich erhalte das Element TB_window von der übergeordneten Seite. Während dies in Chrome gut funktioniert, kollabiert das TB_window in Firefox. Ich bin wirklich verwirrt/verloren, warum das passiert.

L84
Bearbeitete Frage 10. August 2015 в 10:49
Programmierung
asp.net iframe javascript jquery
6. Februar 2012 в 3:55
12 Aufrufe

Sie können die Höhe des Inhalts des "IFRAME" abrufen, indem Sie verwenden: contentWindow.document.body.scrollHeight

Nachdem der "IFRAME" geladen ist, können Sie die Höhe wie folgt ändern:

<script type="text/javascript">
  function iframeLoaded() {
      var iFrameID = document.getElementById('idIframe');
      if(iFrameID) {
            // here you can make the height, I delete it first, then I make it again
            iFrameID.height = "";
            iFrameID.height = iFrameID.contentWindow.document.body.scrollHeight + "px";
      }   
  }
</script>

Dann, auf dem IFRAME-Tag, haken Sie den Handler wie folgt ein:

Aristos
Bearbeitete Antwort 8. Juli 2013 в 5:53
Kommentare (24)

Eine leicht verbesserte Antwort auf Aristos...

<script type="text/javascript">
  function resizeIframe(iframe) {
    iframe.height = iframe.contentWindow.document.body.scrollHeight + "px";
  }
</script>

Dann deklarieren Sie in Ihrem iframe wie folgt:

eddyparkinson
Bearbeitete Antwort 29. August 2019 в 8:29
Kommentare (11)
 
$(document).height() // - $('body').offset().top

und / oder

$(window).height()

Siehe Stack Overflow Frage https://stackoverflow.com/questions/806402.

Versuchen Sie dies, um die Höhe des Körpers in jQuery zu ermitteln:

if $("body").height()

Es hat keinen Wert, wenn Firebug. Vielleicht ist das das Problem.

Community
Bearbeitete Antwort 23. Mai 2017 в 12:34
Kommentare (2)