отключить прокрутку браузера, когда модальное диалоговое окно jQuery UI открыто

Question

возможно ли отключить прокрутку в браузере (только для полос прокрутки браузера), когда открыто модальное диалоговое окно jQuery UI.

Примечание: я хочу, чтобы прокрутка была включена в диалоге

Answer 1

create: событие. Полосы прокрутки исчезают, когда при первой загрузке страницы я изменяю ее на open: и теперь работаю как шарм

Answer 2

попробуйте это.он используется http://jqueryui.com сам

html { overflow-y: scroll; }

Answer 3

Лучшее решение, исключающее прыжки наверх при закрытии всплывающего окна:

$(document).ready(function(){
  var targetNodes         = $(".cg-popup");
  var MutationObserver    = window.MutationObserver || window.WebKitMutationObserver;
  var myObserver          = new MutationObserver (mutationHandler);
  var obsConfig           = { attributes : true, attributeFilter : ['style'] };
  // ADD A TARGET NODE TO THE OBESERVER. CAN ONLY ADD ONE NODE AT TIME
  targetNodes.each ( function () {
      myObserver.observe (this, obsConfig);
  } );
  function mutationHandler (mutationRecords) {
    var activate_scroll = true;
    $(".cg-popup").each(function( index ) {
      if($(this).css("display") != "none"){
        $('html, body').css({'overflow-y': 'hidden', 'height': '100%'});
        activate_scroll = false;
        return;
      }
    });
    if(activate_scroll){
      $('html, body').css({'overflow-y': 'auto', 'height': 'auto'});
    }
  }
});

Answer 4

Эта проблема устранена. Решение: просто откройте файл bootstap.css и измените его следующим образом:

body.modal-open,
.modal-open .navbar-fixed-top,
.открытый модал .navbar-fixed-bottom {
margin-right: 15px;
}

до

body.modal-open,
.modal-open .navbar-fixed-top,
.modal-open .navbar-fixed-bottom {
/ margin-right: 15px; /
}

Пожалуйста, просмотрите видео на YouTube ниже, чем за 3 минуты, ваша проблема будет исправлена ​​... https://www.youtube.com/watch?v=kX7wPNMob_E

Answer 5

Это потому, что вы должны добавить modal: true в свой код;это препятствует взаимодействию пользователя с фоном.