Full page height using jquery or javascript

Question

I have to set the height of the iframe based on the html content height. I am not able to find the exact height of the html content. i tried

alert($(document).height());

it is giving me 6214 and $(windows).height() just gives the height of viewpoint. Some of my pages are very long with scroll bar and some page doesnot have scroll bar. I want to get the exact height of the pages with or without scrollers so that i can set to the iframe. Please help me in this issue .

Thanks

why don't you just let the height undefined? it should work alone... — messerbill, Sep 11 '15 at 11:48
yes i tried this but it is not giving me correct height if the page is too long — Owais Ahmed, Sep 11 '15 at 11:48
check it out http://stackoverflow.com/questions/819416/adjust-width-height-of-iframe-to-fit-with-content-in-it — Paul Booblick, Sep 11 '15 at 11:50

score 0 · Accepted Answer · answered Sep 11 '15 at 11:48

0

$(document).height() will return you the exact height of your document i.e. your page.

If you want to get the content height use $(body).height().

answered Sep 11 '15 at 11:48

snaren

46
3

using $(document).height() i am getting 6214 for all the pages – Owais Ahmed Sep 11 '15 at 11:51
@OwaisAhmed Please check the other solution i have attached. I guess this should solve your issue. – Rajan Goswami Sep 11 '15 at 12:07

score 0 · Answer 2 · answered Sep 11 '15 at 11:54

0

try using offsetHeight

iframe.height = (iframe.contentWindow.document.body.offsetHeight) + "px";

answered Sep 11 '15 at 11:54

Rajan Goswami

769
1
5
17

Full page height using jquery or javascript

2 Answers2