Как избавиться от дергания экрана из-за скроллинга страницы при использовании модальных окон?

Question

[stahon]

В проекте используется jquery-плагин simplemodal (отображение модальных окон).
Когда активно модальное окно, в "Опере" происходит дергание фонового содержимого страницы. Как я понимаю, происходит это из-за наличия скроллинга на странице, т. е. на долю секунды возникает горизонтальная полоса прокрутки, фоновое содержимое страницы "сжимается", затем горизонтальная полоса исчезает и страница соответственно "разжимается".
Можно ли от этого как-то избавиться?

Comments

[Максим Дунаевский]

Здравствуйте! Я сейчас делаю плагин для всплывающих окон. Мои окна не дёргаются и нормально работают в любом современном браузере. Если хотите - вот ссылка на github: https://github.com/dunmaksim/xp-ui
Прямо сейчас код в процессе рефакторинга, решил делать всё в стиле metro, но вы можете сделать свою тему либо использовать один из старых коммитов.

Answer 1

[Юрий Лобанов]

Да, я думаю что можно, используя overflow-x/overflow: hidden; на время вывода модального окна. Но это только догадки. Предоставьте код или ссылку. Если не ссылку, то оформите пример на codepen, jsfiddle или еще где-нибудь.

Answer 2

[stahon]

Проект пока только на локалхосте.
Нашел статью на Хабре, там много на тему скролла в модальных окнах, именно в комментах. habrahabr.ru/post/148515/, но ответа пока не нашел.

Да, спасибо, на html (для iframe) помогло.

Comments

[Юрий Лобанов]

Для комментариев есть комментарии.
Оформите пример, выложите код. Без кода только догадки, я Вам уже высказал одну - не сработало? Или Вы не пробовали?

[Юрий Лобанов]

@stahon если сработало — вопрос надо отметить решенным. И уж совсем хорошо, если Вы код добавите, чтобы потом, когда на этот вопрос выйдут через поисковик — человек смог бы воспользоваться Вашим решением.

Answer 3

[denidip]

Не претендую на истину, но.

html, body {
  width: 100%;
  height: 100%;
}
body {
  margin-right: 15px;
}