¿Cómo puedo lograr que cada que el contenido aumente o disminuya de tamaño, se ajuste el iframe que lo contiene?
Si existe algún plugin JQuery, JavaScript puro o una solución sencilla sería de gran aporte puesto que lo que sólo logro hacer es que se adapte al contenido una vez que terminó de cargar, pero no cada que se modifica.
Adjunto el código que tengo al momento:
document.getElemenById('iframeToResize').onload = function() {
var newheight = this.contentWindow.document.body.scrollHeight,
newwidth = this.contentWindow.document.body.scrollWidth;
this.height = (newheight) + 'px';
this.width = (newwidth) + 'px';
};
<div id="iframeDiv">
<iframe src="dominio.com/pagina" width="100%" height="100px" id="iframeToResize" marginheight="0" frameborder="0"></iframe>
</div>
Fuentes de apoyo: