JQUery UI диалог - модальный создает полосы прокрутки, неправильное измерение? - PullRequest
Новая
       25

JQUery UI диалог - модальный создает полосы прокрутки, неправильное измерение?

4 голосов
/ 08 февраля 2011

В настоящее время я работаю над сайтом, который использует ajax для загрузки контента в модальное диалоговое окно jQuery UI.

На Win7 Firefox, Chrome, Safari и Opera все работает нормально.

В Internet Explorer 7-9pp и в Mac Firefox, Chrome, Safari и Opera размер модального фонового слоя, по-видимому, рассчитан неправильно и создает вертикальную и горизонтальную прокрутку до изменения размера браузера.

Я загрузилтекущая демо-версия здесь: - (удалено для освобождения некоторого веб-пространства на моем сервере, см. комментарии / ответы для получения подробной информации о проблеме / решении)

базовый макет выглядит примерно так 

<body>
  <div id="wrapper">header, navigation, footer and stuff</div>
  <div class="ui-dialog"></div>
  <div class="ui-widget-overlay"></div>
</body>

со следующими стилями 

html { height: 100%; overflow-y: scroll; }
body { display: block; height: 100%; margin: 0; padding: 0; }
.ui-widget-overlay { position: absolute; bottom: 0; left: 0; }

Заранее спасибо за все.

Ответы [ 2 ]

3 голосов
/ 08 февраля 2011

для вашего HTML тега, в css файле style.css есть overflow-y:scroll. Удалите его и добавьте overflow:hidden;

0 голосов
/ 10 июля 2017

Добавление overflow:hidden ничего не сделало для меня, даже если я открыл инструменты разработчика Chrome и добавил его вручную или попытался сделать его важным: 

style="overflow:hidden !important"

Что сделал избавитьсяиз этих надоедливых полос прокрутки, когда отображался диалог jQuery, было добавление этого CSS: 

.ui-widget-overlay
{
    width:100% !important;
    height:100% !important;
}

Простой, эй?

Просто странно, что jQueryUI по умолчанию не включает это...

...