Make iframe automatically adjust height according to the contents without using scrollbar?

Question

2 Answers

Soni Kumari · Answer 1 · 2019-08-28T14:38:47+0000

You can try adding this to your <head> section:

<script>
function resizeIframe(obj) {
obj.style.height = obj.contentWindow.document.body.scrollHeight + 'px';
}
</script>

And try changing your iframe like this:

<iframe src="..." frameborder="0" scrolling="no" onload="resizeIframe(this)" />

neelimakv · Answer 2 · 2024-08-29T08:43:31+0000

function adjustIframeHeight() {

var iframe = document.getElementById('myIframe');

iframe.style.height = iframe.contentWindow.document.body.scrollHeight + 'px';

}

</script>