<div>
<div class="content wysiwyg-content">
I use modal windows with a translucent background. 
On the page that uses these windows I have an iframe that holds dynamic content and changes height. 
 
Example. 
 
page load iframe=1000px (H) set by style=&quot;height:1000px&quot; 
a click on content in iframe reloads it's content and parent.document.getElementById(&quot;iMPFrame&quot;).style.height changes to 500px (H) via some javascript code. 
This works fine, the parent's scrollbar (in client's browser) disappears. 
However, the parent's scrollHeight (parent.document.body.scrollHeight) still is set at 1000px. even though the true scrollHeight is a little over 500px. 
When I launch the modal window the background assumes the old scrollHeight of 1000px (+surrounding content) instead of the correct value of 500px (+ surrounding content) 
 
I can calculate the true height of the page by getting the iframe height + 96px but wonder why this is not working. 
 
How can I get the correct scrollHeight of the parent without refreshing the parent? 
 
 
 
 
 
 
 

<pre><code id="code-218186">&lt;body&gt;
 
&lt;iframe style=&quot;height:1000px&quot; id=&quot;frame1&quot; src=&quot;dynScript.pl&quot;&gt;&lt;/iframe&gt;
 
&lt;body&gt;
</code></pre>
</div>
</div>

I use modal windows with a translucent background.
On the page that uses these windows I have an iframe that holds dynamic content and changes height.

Example.

page load iframe=1000px (H) set by style="height:1000px"
a click on content in iframe reloads it's content and parent.document.getElementById("iMPFrame").style.height changes to 500px (H) via some javascript code.
This works fine, the parent's scrollbar (in client's browser) disappears.
However, the parent's scrollHeight (parent.document.body.scrollHeight) still is set at 1000px. even though the true scrollHeight is a little over 500px.
When I launch the modal window the background assumes the old scrollHeight of 1000px (+surrounding content) instead of the correct value of 500px (+ surrounding content)

I can calculate the true height of the page by getting the iframe height + 96px but wonder why this is not working.

How can I get the correct scrollHeight of the parent without refreshing the parent?








IE parent scrollheight after iframe resize

Web browsers are applications used primarily to display documents, files and media from the Internet, identified by a Uniform Resource Identifier (URI) that can be a page, image, video or other file. Some browsers require the use of add-ons or extensions to safely render the information they receive; others have systems built into them to perform the same functions.

Web Browsers

JavaScript is a dynamic, object-based language commonly used for client-side scripting in web browsers. Recently, server side JavaScript frameworks have also emerged. JavaScript runs on nearly every operating system and  in almost every mainstream web browser.