如何創建一個全屏div直到滾動？

我是這個網站的全新品牌，所以如果我踩着腳趾，我一直在試圖創建一個頁面，通過全屏幕標題來滿足視覺的高度和寬度，但是您仍然可以滾動到下面的內容。的這個如何創建一個全屏div直到滾動？

完美的例子是http://www.bklynsoap.com/

我試圖與通過創建100％的高度和寬度上的絕對定位的div純粹CSS實現這一點，但這個隱藏下面的內容。

2013-02-25 user2106931

不需要在這個絕對位置。您的示例使用javascript來更改div和內部內容的大小。

你可以用純CSS做

例子：

<html> 
    <body> 
    <section class="fullscreen"></section> 
    <section class="other-content></section> 
    </body> 
</html> 



html { 
height: 100%; 
} 

body { 
height: 100%; 
} 

.fullscrenn { 
    height: 100%; 
    width: 100%; 
    background: url('../images/fullscreen.jpg') no-repeat center center; 
    -webkit-background-size: cover; 
    -moz-background-size: cover; 
    -o-background-size: cover; 
    background-size: cover; 
}

來源

2013-10-20 20:19:35

如何創建一個全屏div直到滾動？

回答

相關問題