De scrollbalk verdwijnt als de overlay verschijnt, waardoor de breedte van je site verandert.

Omdat je browser alleen je overlay "ziet" op dat moment..
Als je bootstrap gebruikt zorgt de volgende code ervoor dat je scrollbar verdwijnt.

.modal-open {
    overflow: hidden;
}

Kan je oplossen door het volgende te doen:

.modal-open {
    overflow: scroll;
}

in je eigen CSS te plaatsen :).

Citaat van Frenzo.Brouwer

Ja dat is het probleem, maar weet iemand de oorzaak?

Dat is toch de oorzaak? Het schermt verspringt omdat je scrollbalk verdwijnt. Of liever gezegd. Het scherm verspringt omdat bij het openen van de modal de scrollbalk verdwijnt en daarmee je site effectief breder wordt, waardoor alles opnieuw gepositioneerd wordt.

En de oorzaak daarvan zit waarschijnlijk in je CSS.

En als je dat kruimelpad volgt is het waarschijnlijk een developer die te weinig koffie had gedronken (of teveel van iets anders :p) en/of eentje die zijn/haar oplossingen niet echt heeft doorgetest.

Waarschijnlijk door slaaptekort vanwege een te lang weekend.

Etc. etc.

Citaat van FangorN

Dat is toch de oorzaak? Het schermt verspringt omdat je scrollbalk verdwijnt. Of liever gezegd. Het scherm verspringt omdat bij het openen van de modal de scrollbalk verdwijnt en daarmee je site effectief breder wordt, waardoor alles opnieuw gepositioneerd wordt.
En de oorzaak daarvan zit waarschijnlijk in je CSS.

En als je dat kruimelpad volgt is het waarschijnlijk een developer die te weinig koffie had gedronken (of teveel van iets anders :p) en/of eentje die zijn/haar oplossingen niet echt heeft doorgetest.

Waarschijnlijk door slaaptekort vanwege een te lang weekend.

Etc. etc.

Bij deze had ik de oplossing al gedeeld :).