设置DIV高度窗口的高度（不是100％的CSS）

Question

我是新来的＃2：d

我想获得与jQuery/JavaScript的窗口的高度（这我不擅长）并将其应用于几个div（3-4），并带有“幻灯片”类。为什么我不想在CSS中使用height: 100%;是因为某些元素被高度达到100％的元素覆盖：screenshot（我可以使页脚100％高，但这将是一团糟），也是因为高度变化与放大/缩小（即，而不是例如保持1080p，它变为100％，并在缩小时仍然填满窗口）。

于是我找到了一些答案在这里计算器，还有一些人建议是这样的：（来源：here）

$(document).ready(function(){ 
 
\t $(".slide").css("height", $(window).height()); 
 
}); 
 
$(window).resize(function(){ 
 
\t $('.slide').css('height':($(window).height()); 
 
});

我已经编辑了一点。

我读了一堆关于同一问题的其他帖子，并尝试了一切，但似乎没有任何工作适合我。即使做了一组新文件来单独测试，请在JSFiddle上查看。

在此先感谢！

Answer 1

您问题中的代码是正确的，但代码中的代码是错误的：您使用了:，您希望,（以及您的小提琴没有包含jQuery）。

的代码应该是

$(document).ready(function(){ 
    $('.slide').css('height', $(window).height()); 
    // Comma, not colon ----^ 
}); 
$(window).resize(function(){ 
    $('.slide').css('height', $(window).height()); 
    // Comma, not colon ----^ 
}); 

Updated Fiddle（我加了背景.slide所以你可以看到它的全高）

注意的是，在拨弄你结束了滚动条，因为body上的默认填充。但我认为在你的真实网站/应用程序中，你正在用CSS处理这个问题。