прокрутка наложения div без прокрутки всей страницы

У меня есть главная страница с некоторым содержанием на ней. Затем у меня есть модальный, который появляется, который больше, чем сам экран, поэтому мне нужно прокрутить его, чтобы увидеть его. Что мне нужно сделать для моего CSS, чтобы сделать прокрутку только модального div вместо всей страницы?прокрутка наложения div без прокрутки всей страницы

Вот CSS для модального

#overlay { 
    visibility: hidden; 
    position: absolute; 
    left: 45%; 
    width:auto; 
    border:1px solid #A17E13; 
    height:auto; 
    text-align:left; 
    z-index: 1000; 
} 
#overlay div { 
    background-color:#FCFBEC; 
}

Вот HTML:

<html><body> 
    <div>main page</div> 
    <div id="overlay"> 
    <div> 
     <div> 
      <asp:Label ID="test">Text for modal here</asp:Label> 
     </div> 
    </div> 
    </div> 
</body></html>

источник

2013-02-26 user541597

где остальная часть вашего кода. С тем, что вы показываете, невозможно увидеть вашу структуру. –

вот и все. Структура проста - главный div, а затем отдельный div для модального. – user541597

Можете ли вы ограничить свой модальный размер только размером экрана и не больше? –

имеет всю страницу, чтобы не быть прокручивать за исключением модального DIV? если это так, вы можете попытаться положение: исправлено; на странице. модальный должен быть снаружи с положением: абсолютным;

<!DOCTYPE html> 
<html> 
<head> 
<style type="text/css"> 
#overlay { 
    /*visibility: hidden;*/ 
    position: fixed; 
    left: 45%; 
    width:auto; 
    border:1px solid #A17E13; 
    height:900px; 
    text-align:left; 
    background-color:orange; 
} 
.scroller { 
    height:3000px; 
    width:400px; 
    background-color:green; 
} 
</style> 
</head> 
<body> 
    <div id="overlay"> 
     this is not moving 
    </div> 

    <div> 
     <div class="scroller"> 
      <asp:Label ID="test">This is moving if big enough</asp:Label> 
     </div> 
    </div> 
</body> 
</html>

Fiddle here

источник

2013-02-26 21:32:55 caramba

прокрутка наложения div без прокрутки всей страницы

ответ

Смежные вопросы