javascript - 动态保持 body 高度的div

标签 javascript jquery html css

我希望我的 div 适合 body 的高度,并且在我滚动时始终触及 body 的底部,所以我将其设置为 100% 高度。

但我很快明白这不是正确的解决方案。当另一个 div 离开窗口时,当我滚动时,我看到我的 div 滚动,底部和它之间有一个边距向下滚动。 所以我刚刚在 jQuery 中做了一个小片段:

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

但是效果不是很好。 所以我不知道该怎么办。

最佳答案

也许你的意思是 (CSS):

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

关于javascript - 动态保持 body 高度的div,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25109554/

相关文章:

javascript - 在 jQuery 中禁用 Toggle 上的输入

javascript - 为什么 Date 添加会产生一个字符串?

javascript - jQuery 'combo button' 单击处理问题

html - VBA Web Scraping 使用 getElementsByClassName 获取名称和地址

php - 用PHP抓取YouTube上的视频

javascript - 如果输入未聚焦则隐藏 div

javascript - 获取对父窗口上元素的引用/更新

jquery - 如何强制 jQuery Validate 在表单元素内部而不是外部显示错误?

javascript - 无法读取 Modal 中未定义的属性 'parseMetaData'

java - 项目名称被附加到输出编写器