滾動固定 position div
[英]Scroll on fixed position div
問題描述
整個 popup-div 是可見的，當我垂直滾動時，它會跟隨。
只有一半的 popup-div 是可見的，當我垂直滾動時，它會跟隨，但無法查看 popup-div 的第二部分。 如何做到這一點？
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，如果需要代碼隱藏來回答這個問題，我會提供它。
我已經閱讀了一些解決方案，例如將溢出參數設置為自動或滾動，但還沒有讓它起作用。
更新如下：
現在彈出窗口可以根據需要垂直滾動，但前提是滾動條水平可見。
在這里，不可能垂直滾動，因為滾動條是不可見的，而在瀏覽器中水平滾動只會強制 popupdiv 跟隨。
2 個解決方案
解決方案1
1 已采納 2011-06-09 07:31:09
試試這段代碼（小狗的內容只是為了測試）：
<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>
解決方案2
0 2011-06-09 07:04:41
將彈出窗口的高度指定為 80% 和 top:10%
如果滾動，更改 div 的固定位置
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.