Модальное диалоговое окно jQuery UI: как прокрутить диалоговое окно, не прокручивая главное окно?

Question

Модальное диалоговое окно jQuery UI .

Если высота диалогового окна больше высоты основного окна, мы можем прокрутить это диалоговое окно вниз, но также и главное окно прокручивается за ним (на фоне).

Можно ли исправить основное окно при открытом диалоговом окне и прокрутке вниз?

Спасибо!

Answer 1

Вы можете попробовать это:

$('#yourDialog').hover(function(){

  // on hover

  $('body').css({'overflow':'hidden'});

}, function(){

  // off hover

  $('body').css({'overflow':'visible'});

});

Answer 2

Для всех, кто ищет ответ на этот вопрос, это сообщение предоставляет в качестве ответа следующее:

    create: function(event, ui) {
      $("body").css({ overflow: 'hidden' })
     },
     beforeClose: function(event, ui) {
      $("body").css({ overflow: 'inherit' })
     }

Кроме того, убедитесь, что в диалоговом окне задан параметр height или maxHeight, иначе он не будет отображать полосы прокрутки.