防止CSS模式滚动到顶部

我正在使用CSS模式（没有jQuery，我没有写代码 - 多年来没做出响应的代码，假设我不会在那里得到响应。我想知道是否有防止它要到页面顶部的方式。防止CSS模式滚动到顶部

<style type="text/css"> 
.modalDialog<?php echo $photoID; ?> { 
position: fixed; 
font-family: Arial, Helvetica, sans-serif; 
top: 0; 
right: 0; 
bottom: 0; 
left: 0; 
background: rgba(0,0,0,0.8); 
z-index: 99999; 
opacity:0; 
-webkit-transition: opacity 400ms ease-in; 
-moz-transition: opacity 400ms ease-in; 
transition: opacity 400ms ease-in; 
pointer-events: none; 
} 

.modalDialog<?php echo $photoID; ?>:target { 
opacity:1; 
pointer-events: auto; 
} 

.modalDialog<?php echo $photoID; ?> > div { 
width: 400px; 
position: relative; 
margin: 10% auto; 
padding: 5px 20px 13px 20px; 
border-radius: 10px; 
background: #fff; 
background: -moz-linear-gradient(#fff, #999); 
background: -webkit-linear-gradient(#fff, #999); 
background: -o-linear-gradient(#fff, #999); 
} 

.close<?php echo $photoID; ?> { 
background: #bb0000; 
color: #FFFFFF; 
line-height: 25px; 
position: absolute; 
right: 4px; 
text-align: center; 
top: 4px; 
width: 24px; 
text-decoration: none; 
font-weight: bold; 
-webkit-border-radius: 12px; 
-moz-border-radius: 12px; 
border-radius: 12px; 
-moz-box-shadow: 1px 1px 3px #000; 
-webkit-box-shadow: 1px 1px 3px #000; 
box-shadow: 1px 1px 3px #000; 
} 

.close<?php echo $photoID; ?>:hover { background: #00d9ff; } 
</style> 

<div id="openModal<?php echo $photoID; ?>" class="modalDialog<?php echo  $photoID; ?>"> 
<div> 
<a href="#close" title="Close" class="close<?php echo $photoID; ?>">X</a> 
    <h2>Modal Box</h2> 
    <img src="/images/<?php echo $memberID.'/'.$album.'/'.$photo; ?>"> </center><p style=\"text-align:center\"><?php echo $description; ?></p></p> 
</div> 
</div>

太大的帮助是极大的赞赏。谢谢你，有一个愉快的复活节！:)

来源

2015-04-05 Donald Faulknor

对于'.modalDialog'，'top'设置为0，因此它始终保持在固定位置的顶部。 – anpsmn 2015-04-05 15:27:57

好的。谢谢。我会尽力处理。 – 2015-04-05 15:39:26

它出现在顶部的'.modalDialog'是背景。 '.modalDialog> div'是为箱子本身。我希望这样做，因此对话框保持与单击链接时屏幕相同的位置。所以他们不必一直滚动回到页面上的当前位置。 – 2015-04-05 15:44:19