Korrekter Weg, die Höhe des Bootstrap Modals zu erhöhen

8

Ich versuche, einen Workaround zu finden, um die Höhe meines Bootstrap-Modals zu erhöhen. Ich habe den maximalen Fixierungsweg im modalen Körper versucht, aber das schneidet nur mein Modal ab, wenn es übergroß wird. Ich versuche einen Weg zu finden, wie es funktioniert, wie Mods auf Pinterest funktionieren.

Ich habe das Body-Scrollen der Hauptseite bereits deaktiviert, wenn das Modal geöffnet ist. Aber ich habe Probleme mit der Anpassung der Größe.

Hat jemand irgendwelche Arbeitsumstände dafür?

Ich habe versucht, meinem modal (height: 95%;) und modal_body (maximum-height: 75%;) height hinzuzufügen, der Inhalt überläuft den übergeordneten div (modal)

Ich habe einen Screenshot beigefügt, um das gleiche zu demonstrieren

Aktualisieren

Ich landete mein eigenes Modal mit den pintrest Art von Attributen. diese Frage hat mir sehr geholfen

    
Jonathan 23.12.2012, 06:40
quelle

3 Antworten

17

Versuchen Sie mit diesem js die modale Höhe zu berechnen:

%Vor%

Test: Ссылка

    
karacas 27.12.2012, 01:40
quelle
2

Es funktionierte für mich ganz gut mit diesem CSS:

%Vor%

Update: Ich habe mir deine Geige angeschaut. Versuchen Sie, Ihrem Modal "Höhe" hinzuzufügen.

    
Paola Cerioli 26.12.2012 01:26
quelle
1

Das Bootstrap-Modal wird in position: fixed geöffnet. So bleibt es immer am selben Ort, egal wie viel Sie scrollen. So ein Teil davon könntest du vielleicht nicht sehen. Wenn Sie den Rest des Modals sehen wollen, müssen Sie position: absolute machen. Aber das Problem damit ist, dass es immer zum Anfang der Seite gehen wird. Aber ich habe eine Lösung dafür, wenn Sie wissen wollen

    
Chanckjh 24.12.2012 18:18
quelle

Tags und Links