2016-04-25 16 views
0

Ich versuche gerade, einen Feed von Posts zu implementieren, wo das Klicken auf einen Post ein Modal öffnen würde. Ich verwende angular als Frontend-Framework und entschied mich für das Bootstrap-Modal, da es gut mit eckigen funktioniert. Das Problem ist, dass das Modal den Körper zwingt, beim Anzeigen nach oben zu scrollen. Dies ist natürlich nicht ideal, wenn Sie durch einen Feed scrollen.Bootstrap modal forces scroll nach oben

Die CSS-Zeile unten ist der Schuldige. Warum dies das Problem verursacht, weiß ich nicht, aber ich brauche die Scrollbar, um immer angezeigt zu werden. Das Laden dynamischer Inhalte würde mein Layout sonst umherspringen lassen.

html { 
    overflow-y: scroll; 
} 

diese Zeile zu entfernen ist jetzt in Ordnung, aber ich brauche bald eine Lösung zu finden, wie das Layout horizontal springen würde, wenn neue Inhalte laden, wenn die Bildlaufleiste nicht immer sichtbar ist und dann plötzlich erscheint. Hat jemand eine Ahnung, warum dies das Problem verursacht und wie ich es möglicherweise beheben kann?

+0

Bitte geben Sie etwas mehr Code. Dies ist nicht das Standardverhalten des Bootstrap-Modals (wie Sie hier sehen können http://getbootstrap.com/javascript/#modals) – Laurens

Antwort

0

Klingt wie das Modal ist das Problem. Stellen Sie sicher, dass Ihr Modal oder sein äußerster Container position: fixed hat, da es sich anhört, als ob es den Fluss des Elements <body> stört.