Как сделать реальное модальное окно

Question

Я искал пример реального модального окна для браузера в JQuery. Для «реального модального окна» я имею в виду о том, что открытое окно не разрешает действие в главное окно (нажмите, прокрутите и т. Д.), Пока в него не будет нажата кнопка (ОК, ABORT и т. Д.). Я нашел много примеров в Интернете в модальном окне, но все эти примеры, когда открылось модальное окно, позволяют в главном окне события (щелчок, прокрутка и т. Д.), И поэтому мне нехорошо. Я надеюсь найти кого-то, кто может мне помочь в этом смысле. Является ли это слишком хорошим инструментом/скриптом/плагином (слишком не бесплатным), чтобы иметь его.

Answer 1

блокировать клики, вы должны создать маску позади вашего модальных (с помощью CSS) и добавьте stopPropagation() OnClick

в JQuery это будет выглядеть

$(".mask").click(function(event){ 
    event.stopPropagation(); 
}); 

то, чтобы избежать каких-либо прокрутки вы можете увидеть прокручиваемый элемент с помощью $ ('body, .scrollable'). css ('overflow', 'hidden'); если только прокручивать элемент ваше тело

затем восстановить значение по умолчанию после этого (может быть сделано путем сохранения текущего значения переполнения элемента DOM)