一个动态保持身体高度的div

Question

我希望我的div适合身体的高度，当我滚动时总是触摸我身体的底部，所以我将它设为100％高度。

但我很快就明白这不是正确的解决方案。当另一个div远离窗口时，当我滚动时，我看到我的div在底部与它之间向下滚动一个边距。 所以我刚刚在jQuery中创建了一个小片段：

$(window).resize(function(){
var pageHeight = $(document).height();
$('#menu').css('height', 'px');
$('#menu').css('height', pageHeight + 'px');
});

但它效果不佳。 所以我不知道该怎么做。

Answer 1

也许你的意思是（CSS）：

div {
    height: 100vh; // 100% of view height
}

Answer 2

所以，di不知道为什么，但是，我设置我的div的高度：

min-height:900;
height: 100%;
max-height:200%;

它有效......我真的不知道为什么。无论如何，我不再需要帮助了。 感谢所有帮助过我的人！

Answer 3

尝试使用此代码，您可以使用其身高更改菜单高度。

$(window).resize(function(){

  $('#menu').height($(document).height());

});