Aktualizacja Bootstrap 3 powoduje potrząśnięcie interfejsu użytkownika po otwarciu lub zamknięciu okna dialogowego Bootstrap. Jak mogę pozbyć się tego zachowania?

Zauważyłem, kiedy otwiera się okno ładowania początkowego, znacznik body z html pobiera następujące css.Aktualizacja Bootstrap 3 powoduje potrząśnięcie interfejsu użytkownika po otwarciu lub zamknięciu okna dialogowego Bootstrap. Jak mogę pozbyć się tego zachowania?

<body class="modal-open" style="padding-right: 17px;">

Myślę, że to powoduje, że interfejs użytkownika się trzęsie. Jak mogę pozbyć się tego dziwnego zachowania. Stworzyłem skrzypce. Ale ten problem nie jest tam produkowany. Ale w moim lokalnym środowisku jestem w stanie to odtworzyć. JSFiddle

Źródło

2015-04-13 TBAG

podaj Fiddle – Muhammed

@TBAG! Tak, to prawda i ta niewielka zmiana może zająć dużo przełomów, najlepiej, jeśli otworzysz problem na gitarze. chociaż nie jestem pewien, jak niekorzystny jest ten problem;) –

Czy ten problem występuje we wszystkich przeglądarkach lub tylko w kilku wybranych? – alykhalid

Wystarczy dodać to do Twojego CSS:

.modal-open { 
    padding-right: 0px !important; 
}

Źródło

2015-04-13 09:11:49

Dzięki za odpowiedź. Ale chciałem wiedzieć, dlaczego tak się dzieje. Czy ta funkcja została wprowadzona w Bootstrap3? – TBAG

Tak to jest :) Najwyraźniej, aby zrekompensować szerokość bocznego paska przewijania –

Naprawiłem problem przez

body.modal-open { 
padding-right: 0px !important; 
overflow-y: auto; 
}

Źródło

2015-04-16 10:25:26 TBAG

Aktualizacja Bootstrap 3 powoduje potrząśnięcie interfejsu użytkownika po otwarciu lub zamknięciu okna dialogowego Bootstrap. Jak mogę pozbyć się tego zachowania?

Odpowiedz

Powiązane problemy