JQuery CSS height body

Question

I want to have the body height in CSS based on the document height.

This code doesn't work:

$(document).ready(function() {

    $("body").css({"height": $(document).height() * 4 }, 300);

});

why don't you try `html, body { height: 100%; }` or `body { height: 100vh; }`? I see you are multiplying by 4, you can do that in CSS with `400%` or `400vh` as well — Aziz, Aug 17 '16 at 15:12
It is not what I want. I just need this code work with $(document).height() or an other function — user3870112, Aug 17 '16 at 15:13
Use pure css as suggested Aziz. Dont make things complicated — Shah Ghafoori, Aug 17 '16 at 15:13
It is for this question : http://stackoverflow.com/questions/38833141/calculate-the-height-of-document?noredirect=1#comment65329837_38833141 — user3870112, Aug 17 '16 at 15:14
`$("body").css({"height": $(document).height()* 4 + "px" });` — Akshay, Aug 17 '16 at 15:15
@user3870112, is this that you are looking for: https://jsfiddle.net/vs36ur9L/70/ — Teuta Koraqi, Aug 17 '16 at 15:17
Possible duplicate of [How to get height of entire document with JavaScript?](http://stackoverflow.com/questions/1145850/how-to-get-height-of-entire-document-with-javascript) — Bagata, Aug 17 '16 at 20:10

score 0 · Answer 1 · answered Aug 17 '16 at 15:38

0

$(document).ready(function() {

    var winHeight = $(window).height() * 4;

    $("body").css({"height": winHeight + "px" });

});

answered Aug 17 '16 at 15:38

Thomas James

1 Answers1