Skip to content
iFrame Resizer is a small and useful jQuery plugin that automatically resize the cross domain iframe to fit it's container on window resizing. More examples are available in the Demo fold, check out them to see how this plugin works. You may want to consider one of these alternative solutions for your iframe resizing needs?This plugin will NOT work if the iframe contains a page from another domain, use one of the alternate libraries above if you need cross domain resize.You will find versions before 2.0.0 in the release directory, jQuery plugin to set the height of an iframe to its contents height // iframe height auto resize var height = window.innerHeight; $('iframe').css('height', height); $(window).resize(function(){ var height = window.innerHeight; If using jquery 1.9 or up jquery.browser.js is also required. Note that in modern browsers, the CSS height property does not include padding, border, or margin. jQuery iframe auto height plugin Alternatives: You may want to consider one of these alternative solutions for your iframe resizing needs? If a string is provided, however, a valid CSS measurement must be provided for the height (such as 100px, 50%, or auto). See also: jQuery Plugin For Auto Resizing iFrame - iframe Auto Height; Responsive IFrames Plugin For jQuery; Basic Usage: 1.
GitHub is home to over 50 million developers working together to host and review code, manage projects, and build software together. use the variable jQuery or its alias $ and pass a selector that matches one or more iframes Iframe-resizer Using the window.postMessage() method, we can safely communicate between the iframe and the parent window. The plugin will resize an iframe to the height of its contents. jQuery plugin to set the height of an iframe to its contents height Perfect for responsive web designs.
It helps you to create neat content iFrames to fit your Web typography. all newer versions are handled using bower and the packaged file is in the include the latest version using bower or the grab the current file from the use the variable jQuery or its alias $ and pass a selector that matches one or more iframesLearn about our RFC process, Open RFC meetings & more. all newer versions are handled using bower and the packaged file is in the include the latest version using bower or the grab the current file from the use the variable jQuery or its alias $ and pass a selector that matches one or more iframes The Solution. If only a number is provided for the value, jQuery assumes a pixel unit.
Use Git or checkout with SVN using the web URL. You may want to consider one of these alternative solutions for your iframe resizing needs?This plugin will NOT work if the iframe contains a page from another domain, use one of the alternate libraries above if you need cross domain resize.You will find versions before 2.0.0 in the release directory, iframe Auto Height is a simple jQuery plugin to dynamically resize iframes based on content height. See also: Responsive IFrames Plugin For jQuery; Basic Usage: 1. It will NOT work if the iframe contains a page from another domain. Automatically Adjust iFrame Height According to its Contents Using JavaScript Topic: JavaScript / jQuery Prev | Next Answer: Use the contentWindow Property When calling .height(value), the value can be either a string (number and unit) or a number.