在固定位置上滾動div

整個popup-div是可見的，當我垂直滾動時，會出現。在固定位置上滾動div

enter image description here

只有一半的彈出窗口的div是可見的，而當我垂直滾動它遵循，但它不可能查看彈出窗口div的第二部分。 這是如何實現的？

enter image description here

CSS代碼：

.popup 
{ 
    position:fixed; 
    z-index:9002; 
    background-color:#FFFFFF; 
    border:solid 1px #000000; 
    top: 20%; 
    left: 20%; 
    overflow: auto; 
} 
.popupbackground 
{ 
    background-color:#111; 
    opacity:0.65; 
    filter:alpha(opacity=65); 
    position:fixed; 
    z-index: 500; 
    top:0px; 
    left:0px; 
    width: 100%; 
    height: 100%; 
}

我與ASP.NET的工作，如果代碼隱藏需要回答這個問題，我會提供它。

我已閱讀有關解決方案，如設置溢出參數爲自動或滾動，但尚未得到它的工作。下面

更新如下：

現在彈出窗口垂直滾動的通緝，但只有當滾動條是可見的水平。 enter image description here

在這裏，不可能垂直滾動，因爲滾動條不可見，並且在瀏覽器中水平滾動只是強制popupdiv跟隨。

enter image description here

來源

2011-06-09 Soroush Hakami

試試這個代碼（pupup的內容只是用於測試）：

<html> 
<head> 
<style> 
.popup 
{ 
    position:fixed; 
    z-index:9002; 
    background-color:#FFFFFF; 
    border:solid 1px #000000; 
    top:10%; 
    left: 20%; 
    overflow: auto; 
    height:80%; 
    width:40%; 
} 

.popupbackground 
{ 
    background-color:#111; 
    opacity:0.65; 
    filter:alpha(opacity=65); 
    position:fixed; 
    z-index: 0; 
    top:0px; 
    left:0px; 
    width: 100%; 
    height: 100%; 
} 


</style> 
</head> 
<body> 
<div class="popupbackground"> 
</div> 
<div class="popup"> 
a<br />a<br />a<br />a<br />a<br />a<br />a<br />a<br />a<br />a<br />a<br />a<br />a<br />a<br />a<br />a<br /> 
a<br />a<br />a<br />a<br />a<br />a<br />a<br />a<br />a<br />a<br />a<br />a<br />a<br />a<br />a<br />a<br /> 
a<br />a<br />a<br />a<br />a<br />a<br />a<br />a<br />a<br />a<br />a<br />a<br />a<br />a<br />a<br />a<br /> 
a<br />a<br />a<br />a<br />a<br />a<br />a<br />a<br />a<br />a<br />a<br />a<br />a<br />a<br />a<br />a<br /> 
a<br />a<br />a<br />a<br />a<br />a<br />a<br />a<br />a<br />a<br />a<br />a<br />a<br />a<br />a<br />a<br /> 
a<br />a<br />a<br />a<br />a<br />a<br />a<br />a<br />a<br />a<br />a<br />a<br />a<br />a<br />a<br />a<br /> 
a<br />a<br />a<br />a<br />a<br />a<br />a<br />a<br />a<br />a<br />a<br />a<br />a<br />a<br />a<br />a<br /> 
a<br />a<br />a<br />a<br />a<br />a<br />a<br />a<br />a<br />a<br />a<br />a<br />a<br />a<br />a<br />a<br /> 
a<br />a<br />a<br />a<br />a<br />a<br />a<br />a<br />a<br />a<br />a<br />a<br />a<br />a<br />a<br />a<br /> 
a<br />a<br />a<br />a<br />a<br />a<br />a<br />a<br />a<br />a<br />a<br />a<br />a<br />a<br />a<br />a<br /> 
</div> 
</body> 
</html>

來源

2011-06-09 07:31:09 alyo

指定彈出窗口的高度，以80％以及頂部：10％

來源

2011-06-09 07:04:41 alyo

謝謝，這部分工作。查看我更新的帖子，瞭解何時無法使用的解釋。 – 2011-06-09 07:17:31

在固定位置上滾動div

回答

相關問題