在固定位置上滚动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

回答

相关问题