javascript - 设置为 100% 高度的 div 在滚动时不会增长

Question

我有一个设置为 height: 100% 的侧面 div 菜单。它工作正常，直到页面展开并且我需要滚动然后 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() );
});