2016-01-28 46 views
0

我有以下的HTML製作DIV

<div class="first-use-overlay overlay-bg hide"> 
    <div class="first-user-overlay-shell"> 
     ..... 
    </div> 
</div> 

下面CSS

.first-user-overlay-shell { 
    width: 90%; 
    min-width: 1200px; 
    max-width: 1380px; 
    z-index: 1000; 
    overflow: scroll; 
    position: absolute; 
    top: 0; 
    margin-left: auto; 
    margin-right: auto; 
    left: 0; 
    right: 0; 
} 

.overlay-bg { 
    z-index: 105; 
    position: fixed; 
    left: 0px; 
    right: 0px; 
    top: 0px; 
    bottom: 0px; 
    background-color: rgba(0,0,0, 0.8); 
} 

基本上,當我點擊一個按鈕,它開闢了一個覆蓋有一個div(第一用戶-overlay-shell),這是另一個側面的頁面。

我添加了一個不滾動頁面的主體。

我試圖讓它使第一用戶覆蓋 - 殼滾動內容但滾動,雖然身體有一個沒有scol css。我怎樣才能做到這一點?

+0

您可以嘗試將「overflow:hidden」添加到正文,從而防止頁面在視覺上滾動,同時允許頁面在足夠高的情況下滾動。例子是bootstrap的模式:http://getbootstrap.com/javascript/#live-demo – ingridly

回答

0

試試這個,在first-user-overlay-shell之後加1格,然後加上高度或只檢查這個fiddle