javascript - content - resize height iframe

Cambiar el tamaño de iframe con scrollheight en chrome/safari

Question

Estoy tratando de redimensionar (hacer más grande o más pequeño) un iframe basado en su contenido. Después de hacer clic en cada página, se llama a un método que cambia el tamaño.

En Chrome puedo hacer el iframe más grande, pero no más pequeño. document.body.scrollHeight es siempre el mayor valor.

Entonces, si una página grande establece # iframe.height = ''620px'', y alguien hace clic en un enlace a la página con menos contenido, scrollHeight permanecerá en 620px en lugar de disminuir.

¿Cuál es la forma correcta de manejar esto en Chrome / Safari?

Answer 1

¿Intentaste usar document.documentElement.scrollHeight lugar?

Answer 2

Antes de solicitar la altura del documento dentro del iframe, debe establecer la altura del objeto iframe en "auto". Algo como esto:

objIframe = document.getElementById(''theIframeId'');
objIframe.style.height = ''auto'';

Y ahora:

document.body.scrollHeight

devuelve la altura real del documento.