Intellipaat Back

Explore Courses Blog Tutorials Interview Questions

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

0 votes
2 views
in Web Technology by (20.3k points)

For example:

<iframe name="Stack" src="http://stackoverflow.com/" width="740"

        frameborder="0" scrolling="no" id="iframe"> ...

</iframe>

I want it to be able to adjust its height according to the contents inside it, without using the scroll.

1 Answer

0 votes
by (40.7k points)

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)" />

Related questions

0 votes
1 answer
How to make a div 100% height of the browser window
asked Aug 1, 2019 in Web Technology by Tech4ever (20.3k points)
0 votes
1 answer
Hide html horizontal but not vertical scrollbar
asked Sep 6, 2019 in Web Technology by Tech4ever (20.3k points)

Browse Categories

© COPYRIGHT 2011-2024 INTELLIPAAT.COM. ALL RIGHTS RESERVED.

Download Salary Trends Now !

Learn how professionals like you got up to 100% Salary Hike.

...