Ho una pagina principale con del contenuto. Poi ho una modale che appare più lunga dello schermo stesso, quindi devo scorrere per vederlo. Cosa devo fare al mio CSS per fare solo lo scroll modale div
invece dell'intera pagina?scrolling overlay div senza scorrere l'intera pagina
Ecco il CSS per il modal
#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;
}
Ecco l'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>
dove è il resto del codice. Con quello che mostri è impossibile vedere la tua struttura. –
questo è tutto. La struttura è semplice div principale e quindi div separato per il modale. – user541597
puoi limitare il tuo modal in modo che sia solo la dimensione dello schermo e non più grande? –