Skip to main content
2 de 2
se añadieron 1012 caracteres en el cuerpo
Rene Limon
  • 4.6k
  • 2
  • 22
  • 34

¿Cómo ajustar la altura de un iframe al 100% para prevenir scrolling?

Lo he estado intentado de varias maneras, con js y css pero no me funciona.

<iframe id="if" src="https:url..." frameborder="0" scrolling="no" seamless="seamless" style="display:block; width:100%; height:100%;">
</iframe>

Ejemplo:

<iframe id="if" src="https://es.stackoverflow.com/" frameborder="0" scrolling="yes" seamless="seamless" style="display:block; width:100%; height:100%;">
</iframe>

Si se fijan a pesar de poner el height a 100% no lo hace.

Por medio de un script que encontré en esta respuesta tampoco tengo exito:

  function resizeIframe(obj) {
    obj.style.height = obj.contentWindow.document.body.scrollHeight + 'px';
  }
    <iframe id="if" src="https://es.stackoverflow.com/" onload="resizeIframe(this)" frameborder="0" scrolling="yes" seamless="seamless" style="display:block; width:100%; height:100%;">
    </iframe>

¿Hay alguna manera de lograrlo sin importar que ese iframe pertenezca a cualquier dominio?

Rene Limon
  • 4.6k
  • 2
  • 22
  • 34