jQuery - dynamic div height equal to the height of the whole window
46,887
Solution 1
Perhaps:
$(document).height()/width()
Is what you need? Since the window contains the document and the window has a fixed width and restricts what you're viewing from the document.
Solution 2
You could use:
$("body").height();
Author by
vache
Updated on October 18, 2020Comments
-
vache over 3 years
i am using the code found here jQuery - dynamic div height
<script type='text/javascript'> $(function(){ $('#center').css({'height':(($(window).height())-162)+'px'}); $(window).resize(function(){ $('#center').css({'height':(($(window).height())-162)+'px'}); }); }); </script>
now the height change works fine when you resize the window, but if your scroll down the height does not change, this means the window property does not include things beyond the size of the browser window so if you scroll down the height does not increase
so what can i add that will be the size of the whole content not the window size
ANSWER use document instead of window
<script type='text/javascript'> $(function(){ $('#center').css({'height':(($(document).height())-162)+'px'}); $(window).resize(function(){ $('#center').css({'height':(($(document).height())-162)+'px'}); }); }); </script>
-
vache over 14 yearsdevided? ohh i see i should be using documents instead of window?
-
vache over 14 yearslet me fix my code up and see if this works, but i think i just needed to use document instead of window THANKS
-
vache over 14 yearsthanks, i get the idea now, i just suck in programing so i really did not know what to change, thanks
-
aL3xa about 13 yearsYou should use
"body"
selector!