Ich bearbeite einen Iframe mit einigen Inhalten, die in ihn injiziert werden, aber ich kann es nicht korrekt dimensionieren. Ich habe eine Vielzahl von Methoden ausprobiert, aber hier ist der neueste Code.Wie ändere ich die Größe eines Iframes mit dynamischem Inhalt?
Nachdem der Iframe mit einer html-basierten E-Mail-Nachricht gefüllt wurde, scheint die Scroll-Höhe nicht registriert zu sein.
<iframe scrolling="no" width="100%" onload="javascript:(LoadIFrame(this));" >
HTML content goes here. Make sure it's long enough to need to scroll before testing.
</iframe>
<script type="text/javascript">
function LoadIFrame(iframe) {
$("iframe").each(function() {
$(this).load(function() {
var doc = this.document;
if (this.contentDocument) {
doc = this.contentDocument;
} else if (this.contentWindow) {
doc = this.contentWindow.document;
} else if (this.document) {
doc = this.document;
}
this.height = (doc.body.scrollHeight + 50) + 'px';
this.onload = '';
});
txt = $(this).text();
var doc = this.document;
if (this.contentDocument) {
doc = this.contentDocument;
} else if (this.contentWindow) {
doc = this.contentWindow.document;
} else if (this.document) {
doc = this.document;
}
doc.open();
doc.writeln(txt);
doc.close();
});
}
</script>
Es wird die Größe 50, aber wenn Sie scrollHeight drucken, erhalten Sie 0 für den Wert. – Middletone
sollten Sie viel mehr Tests und Analysen durchführen, bevor Sie Fragen beantworten. a -50 würde keine Höhe ergeben. Auch was hast du in deinen Rahmen gesteckt, um es zu testen? – Middletone
Zum ersten Mal nur eine 1/4 Seite verwendet, um es zu überprüfen .. Downsizing hten gearbeitet ... Längere Seite nicht .. Nur aktualisiert und verifiziert es funktioniert ... meist müssen Sie nur für eine maximale Größe zu überprüfen ... – CarpeNoctumDC