Чем дополнить имеющийся скрипт вызова блока, что бы под ним запретить скролл у html, body?

Question

[Чёкатилло]

Блок- .form-container открывается на всю страницу поверх главной Как запретить скролл главной странице- html, body при открытии блока .form-container?
Может можно обойтись одним css в этом вопросе?

<script>      
$(document).click(function(e) {
    var $target = $(e.target);
    if ($target.hasClass('menu-item-search') || $target.hasClass('glyphicon-remove')) {
      $('.form-container').fadeIn(150);
    } else if(!$target.parents("div").hasClass('form-container')) {
      $('.form-container').fadeOut(150)
    }
  });
</script>

Спасибо

Answer 1

[Максим Софронов]

Это похоже на поведение модального окна. Попробуйте Картонбокс — в нем как раз убран скролл основного содержимого под всплывающим окном.

Посмотреть что происходит при вызове модального окна и каким образом удается запретить скролл основного содержимого можно здесь.

Comments

[Чёкатилло]

это вот так cg91812-wordpress-3.tw1.ru Кликните на кнопку поиска

[Максим Софронов]

Дмитрий: делал похожий поиск с помощью Картонбокса здесь https://krdesign.pro/