2012-04-08 16 views
5

Mam modalny z zawartością wyższą niż wysokość przeglądarki, w wyniku czego mam pewne treści, których nie można wyświetlić. (Wygląda na to stanowisko modalna jest stała i nie może być przewijane jako całość)Jak wykonać przewijanie modalne ze stroną główną?

enter image description here

Jak mogę uczynić modalne przewijane ze strony głównej tak, że można rzeczywiście zobaczyć zawartość poniżej?

Odpowiedz

9

Co można zrobić, to ustawić modalnego w CSS position do absolutny zamiast stałe.

Aby to zrobić, po prostu nazwę klasy modalnego lub identyfikatora tak i ustawić go na absolute:

.modal { 
position: absolute !important; 
} 

Albo, jeszcze lepiej, edytować główny CSS dla modalnego (jeśli można) i zmień wartość position z fixed na absolute.

jsFiddle Przykład: http://jsfiddle.net/hUNZs/

+0

Znalazłem także inny miły i prosty rozwiązanie na http://stackoverflow.com/a/34897879/964919 – cbcram

1

Próbowałem <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

Ups zapomniałem przeczytać „nie może być przewijane jako całość” części. przepraszam –

+2

To wydaje się być przeciwieństwem tego, czego szuka. – coreyward

+0

Ja zredagowałem moją odpowiedź ... Miałem też ten problem i doszedłem do wniosku, że kiedy wysokość ciała jest wyższa niż wysokość modalu, modal jest przewijany (tylko obserwacja). –

Powiązane problemy