How to auto-size an iFrame? [duplicate]

by

On any other element, I would use the scrollHeight of the DOM object and set the height accordingly. I don’t know if this would work on an iframe (because they’re a bit kooky about everything) but it’s certainly worth a try.

Edit: Having had a look around, the popular consensus is setting the height from within the iframe using the offsetHeight:

function setHeight() {
    parent.document.getElementById('the-iframe-id').style.height = document['body'].offsetHeight + 'px';
}

And attach that to run with the iframe-body’s onLoad event.

More Related Contents:

  1. Invoking JavaScript code in an iframe from the parent page
  2. Adjust width and height of iframe to fit with content in it
  3. jQuery .ready in a dynamically inserted iframe
  4. How to prevent IFRAME from redirecting top-level window
  5. Communicate between scripts in the background context (background script, browser action, page action, options page, etc.)
  6. Stop embedded youtube iframe?
  7. Pass value to iframe from a window
  8. How to embed an autoplaying YouTube video in an iframe?
  9. “Access is denied” JavaScript error when trying to access the document object of a programmatically-created (IE-only)
  10. Unsafe JavaScript attempt to access frame with URL
  11. Attach an event in a child iframe to a handler in the parent window
  12. How to change style of iframe content cross-domain?
  13. How can I access the DOM elements within an iFrame
  14. how to block website from loading in iframe?
  15. Can I apply CSS to the elements within an iframe?
  16. Is it possible to add Request Headers to an iframe src request?
  17. Is there a way to uniquely identify an iframe that the content script runs in for my Chrome extension?
  18. Wait for iframe to load in JavaScript
  19. Check if parent window is iframe or not
  20. Accessing an element outside of iframe
  21. Iframe.readyState does not work in chrome
  22. iFrame onload JavaScript event
  23. Trigger a button click inside an iframe [duplicate]
  24. How to limit display of iframe from an external site to specific domains only
  25. Accessing iframe from chrome extension
  26. Google DFP – Resize SafeFrame custom creative outer Iframe container from inside (expand ad)
  27. Iframe inherit from parent
  28. Get height of iframe with external URL
  29. Why is iframe.contentWindow == null?
  30. How to pass parameters through iframe from parent html?

Leave a Comment