滚动固定 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.