2012-04-08 12 views
5

Ho una modale con il contenuto più alto dell'altezza del browser, di conseguenza ho alcuni contenuti che non possono essere visualizzati. (Sembra che la posizione modale è fisso e non è possibile scorrere nel suo complesso)Come eseguire lo scorrimento modale con la pagina principale

enter image description here

Come posso fare il modal scorrevole con la pagina principale in modo che io in realtà in grado di visualizzare il contenuto di seguito?

risposta

9

Che cosa si potrebbe fare è impostare il CSS del modal position di assoluto invece di fisso.

Per fare questo, basta avere il nome della classe del modale o ID come questo e impostarlo su absolute:

.modal { 
position: absolute !important; 
} 

O, meglio ancora, modificare il principale CSS per il vostro modale (se è possibile) e cambiare il position da fixed a absolute.

jsFiddle esempio: http://jsfiddle.net/hUNZs/

+0

ho trovato anche un altro bello e semplice soluzione all'indirizzo http://stackoverflow.com/a/34897879/964919 – cbcram

1

Ho provato <div class="modal myModal"></div>

CSS

.myModal { 
     overflow: auto !important; 
     height: 300px; //set a height to a modal so it wont overlapped when the body tag's height is smaller than the modal 
} 
+0

oops ho dimenticato di leggere il "non è possibile scorrere nel suo complesso" parte. spiacente –

+2

Questo sembra essere l'opposto di quello che sta cercando. – coreyward

+0

Ho modificato la mia risposta ... Ho anche avuto questo problema, e ho concluso che quando l'altezza del corpo è più alta dell'altezza del modale il modale è scorrevole (solo un'osservazione) –

Problemi correlati