Отключить скроллинг страницы под модальным окном

Нашел
способ отключения прокрутки сайта
при вызове модальных окон.
Правил dle_js.js
Было:

function DLEalert(a,b){$("#dlepopup").remove();$("body").append("<div id='dlepopup' title='"+b+"' style='display:none'>"+a+"</div>");$("#dlepopup").dialog({autoOpen:!0,width:500,dialogClass:"modalfixed",buttons:{Ok:function(){$(this).dialog("close");$("#dlepopup").remove()}}});$(".modalfixed.ui-dialog").css({position:"fixed"});$("#dlepopup").dialog("option","position",["0","0"])};

Стало:

function DLEalert(a,b){$("#dlepopup").remove();$("body").append("<div id='dlepopup' title='"+b+"' style='display:none'>"+a+"</div>");$("html,body").css("overflow","hidden");$("#dlepopup").dialog({autoOpen:!0,width:500,dialogClass:"modalfixed",buttons:{Ok:function(){$(this).dialog("close");$("html,body").css("overflow","auto");$("#dlepopup").remove()}}});$(".modalfixed.ui-dialog").css({position:"fixed"});$("#dlepopup").dialog("option","position",["0","0"])};

Все работает, при открытом окне прокрутка пропадает, при нажатии на ok прокрутка появляется.

Проблема вот какая. У окна есть еще одна кнопка закрывания окна - это крестик/close. При нажатии на крестик прокрутка не появляется... В jqueryui.js не понимаю как правильно подключить

$("html,body").css("overflow","auto");

Может есть способ проще?

Источник:dle-faq.pro, DLE

Перейти на сайт

Отключить скроллинг страницы под модальным окном

Похожие новости