滚动时，Div设置为100％的高度不会增长

Question

我有一个设置为高度的div div菜单：100％。它工作正常，直到页面扩展，我需要滚动，然后div保持在原始高度。我试过了：

$(window).resize(function(){
    $menu.css({'bottom':'0px'});
});

以及：

$menu.css({'height':'100px'});

两者都没有任何影响。 div的css是

.menu_click{
top: 0px;
right: 0px;
display: none;
position: absolute;
font-size: 16px;
width: 200px;
height: 100%;
text-align: center;
z-index: 2;

}

简而言之，我希望div能够根据需要增长，即使页面滚动也是如此。页面开始时没有滚动并且某些元素增长，因此它会导致滚动。

Answer 1

height: 100%可能会有气质，因为文档的100％高度可能小于窗口的高度，具体取决于内容/ CSS结构（与width不同，其中100％将转换为两者）。

处理此问题的最简单方法可能是复制窗口高度：

$(window).resize(function(){
    $menu.css( 'height', $(window).height() );
});

Answer 2

您是否尝试将div的高度设置为css中的100vh？这会将div设置为视口高度的100％，并将适应窗口大小的变化。

Answer 3

所以定位是解决方案。当我滚动时，这会阻止div移动。