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。我怎樣才能做到這一點?
您可以嘗試將「overflow:hidden」添加到正文,從而防止頁面在視覺上滾動,同時允許頁面在足夠高的情況下滾動。例子是bootstrap的模式:http://getbootstrap.com/javascript/#live-demo – ingridly