ansaurus

Question

Can't figure out why Chrome/Safari can't get the ScrollHeight right here

Answer 1

A:

document.body.scrollHeight will always return one of two values in chrome:

if the document content is longer then the height of the window, then the height of the content is returned

if the document is shorter then the height of the window, then the height of the window is returned.

It sounds alot like you have a height set on the iframe. When the content in the iframe loads, it will treat the iframe as the window. So, if the iframe's height is set to 2000 and your content's height is only 500, chrome will return an offsetheight of 2000.

If this is the case, the simplest thing to do is set the height of the iframe to 1px. (or auto)

Another option (as pointy um..points out) is that you could create a wrapper div right after the body that contains all of your content. You can then just get the height of that div and return that to your parent function

Regarding this question:

Is there any way of making it wait until the document is fully loaded?

The answer is yes, and your already doing it. Since your calling parent.resize_iframe on onload, the function will not get called till all of the HTML, JS, CSS and images are loaded on the screen. However it should be pointed out there are a few draw backs to using the body tags onload function. One, is it has to load all the images before it calls onload. Secondly, if someone rebinds to window.onload your function will never get called. If your interested in learning more about onload and ways to deal with it, check this link out http://www.webreference.com/programming/javascript/onloads/

Didius 2010-10-22 02:45:40

ansaurus

tags:

views:

answers:

Can't figure out why Chrome/Safari can't get the ScrollHeight right here

related questions