gpt4 book ai didi

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

转载 作者:太空宇宙 更新时间:2023-11-04 02:33:08 29 4
gpt4 key购买 nike

我有一个设置为 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 根据需要增长,即使页面滚动也是如此。页面开始时没有滚动,某些元素会增长,因此会导致滚动。

最佳答案

height: 100% 可能是不稳定的,因为文档高度的 100% 可能小于窗口的高度,具体取决于内容/CSS 结构(不同于 width,其中 100% 将转换为两者)。

处理这个问题的最简单方法可能是复制窗口高度:

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

关于javascript - 设置为 100% 高度的 div 在滚动时不会增长,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36191719/

29 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com