How to Make iframe Height Auto According to the Content Without Using Scrollbar

Last Updated: March 21, 2014 /
Inline iframe are not the prettiest elements, But they can make your HTML lot easier, Especially with web application control. It’s easy to design interface if you know The height of the iframe. So here is the solution based On jQuery. You would need To include jQuery files in the head section.


After searching around the web, I founded A strong hint the jQuery “load” method. I could use this An event when the iframe loaded in the web page.

You can resize your iframe elements with this method.

Add this code into your <head> section

Change your iframe