Normaalisti asetat iframe-kehykset sekä leveyden ja korkeuden. Jos sisällä oleva sisältö on suurempi, vierityspalkkien on oltava riittäviä. Alla oleva komentosarja yrittää korjata ongelman muuttamalla iframe-koon dynaamisesti lataamansa sisällön mukaiseksi.
$(function()( var iFrames = $('iframe'); function iResize() ( for (var i = 0, j = iFrames.length; i < j; i++) ( iFrames(i).style.height = iFrames(i).contentWindow.document.body.offsetHeight + 'px';) ) if ($.browser.safari || $.browser.opera) ( iFrames.load(function()( setTimeout(iResize, 0); )); for (var i = 0, j = iFrames.length; i < j; i++) ( var iSource = iFrames(i).src; iFrames(i).src = ''; iFrames(i).src = iSource; ) ) else ( iFrames.load(function() ( this.style.height = this.contentWindow.document.body.offsetHeight + 'px'; )); ) )); Muuta tällaisen iframe-koon kokoa:
Näytä esittely
Edelleen ongelmallinen…
- Iframe-sisällön lähteen on oltava samassa toimialueessa
- jos iframe-kehyksen sisältö muuttuu korkeudeksi, tämä ei sovi
- Jätin Google Analytics -koodin pois yllä olevasta esittelystä, koska kun lisäsin sen, se näyttää häiritsevän eikä muuttavan iframe-koon kokoa huolimatta siitä, että näennäisesti ei synny virheitä.