Почему при открытии диалогов jQuery выдает «значение высоты»?

Question

Я ничего не могу понять. Когда у меня есть диалоговое окно jQuery, совпадающее с кнопкой ... и это диалоговое окно появляется из состояния 'display: none' .. ну, почему этот диалог создает «значение высоты» на странице?

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

У кого-нибудь есть такая же проблема? Кто-нибудь может дать мне объяснение?

---

пожалуйста, извините меня, если я опоздал с ответом.

Обратите внимание, что диалоговое окно выдает «большее значение высоты» во всех браузерах. Я не знаю, почему это происходит.

Вот вам маленький код:

<script type="text/javascript">
$(document).ready(function() {
 $('<div class="error-dialog"></div>')
  .show('fade')
  .html('This dialog will show every time! <input id="close" type="button" value="Chiudi" />')
  .dialog({
    autoOpen: true,
    closeOnEscape: false,
    draggable: false,
    height: 'auto',
    modal: false,
    position: ['right','top']
 });

 $('#close').click(function() {
  $('.error-dialog').hide('fade', function() {
   $(this).dialog('destroy');
  });
 });

 setTimeout(function() {
  $('.error-dialog').hide('fade', function() { $(this).dialog('destroy'); });
 }, 2000);
});
</script>

Этот фрагмент кода вставляется в значение php, а затем, с утверждением echo, отображается на рабочем столе после (неправильной) отправки формы. Это диалоговое окно будет отображаться (как указано в коде) справа вверху, но ... посмотрите на пустое место ...

Обратите внимание, что если вы используете выражение echo через php, вам нужно экранировать двойные кавычки.

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