Iframe - change height when content changes height

Question

i have an Iframe with a height of 534px. The content inside the Iframe has the option to minimize the content so the height of content changes from 534px to maybe 20px. How can I make my Iframe height dynamic to suit the inner content that is on show?

Thanks.

Possible duplicate of [make iframe height dynamic based on content inside- JQUERY/Javascript](http://stackoverflow.com/questions/9162933/make-iframe-height-dynamic-based-on-content-inside-jquery-javascript) — Marcos Pérez Gude, Dec 14 '15 at 11:06

Vinay Pratap Singh Bhadauria · Answer 1 · 2015-12-14T11:11:29.783

0

After your content changes(event/action), Do This

    function AdjustIframe()
    {
       YouIframeId.height = YouIframeId.contentWindow.document.body.scrollHeight;
    }

Inside your iframe, the change function.

function someChangeEvent()
{
  //at end of your code
  parent.AdjustIframe();
}

edited Dec 14 '15 at 11:11

answered Dec 14 '15 at 11:04

Vinay Pratap Singh Bhadauria

9,829
3
28
49

The action is controlled inside the Iframe, so how would I know when to action this on the page that the Iframe is included in? – Ricky Barnett Dec 14 '15 at 11:07
It only works if OP have the control of the content in the iframe. If not, that never works. – Marcos Pérez Gude Dec 14 '15 at 11:13
I have access to the Iframe content. @user3662307 I get the following error with your suggestion: `Error: Permission denied to access property "AdjustIframe"` – Ricky Barnett Dec 14 '15 at 11:20

Iframe - change height when content changes height

1 Answers1