強制視差部分延伸到頁面底部

Question

我有一個單頁視差網站 - 我試圖強制每個視差部分延伸到頁面的底部，所以你不能看到下一節，除非你點擊它 - 是否有一個簡單的方法來做到這一點？

此刻，我把下面的代碼在頭

<script type="text/javascript"> 
var imageFit = function() { 
    windowHeight = $(window).height(); 
    $('.parallax-section').css('min-height', windowHeight).refresh(); 
}; 
</script> 

而且在CSS

.parallax-section { 
    height: 100%; 
    clear: both !important; 
    } 

.min-height { 
    min-height: 100%; 
    } 

但它不會擴展...任何想法，我做錯了以下？ 謝謝

Answer 1

根據哪些瀏覽器，你需要支持，你可以使用新vh單元，其相對於瀏覽器的高度，而不是內容，但你的JavaScript應該工作：

.parallax-section { 
    min-height: 100vh; 
}