設置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處理這個問題。