Переполнение-у не работает должным образом на div на теле - PullRequest
Новая
       8

Переполнение-у не работает должным образом на div на теле

0 голосов
/ 14 ноября 2018

В моем контейнере есть простой div, центрированный так: 

.popup-fixed-info{
    position:fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%) !important;
    overflow-y:scroll;
    max-height:80%;
    visibility:hidden;
    opacity:0;
    z-index:10;
}

при нажатии элемента Я вызываю эту простую функцию jQuery 

function open_popup(class_to_open) {
  $('.popup-fixed-info').css("visibility", "visible");
  $('.popup-fixed-info').css("opacity", "1");
}

Смысл в том, что когда я прокручиваю div ".popup-fixed-info", фон прокручивается, а не сам div.

1 Ответ

0 голосов
/ 14 ноября 2018

Чтобы исправить это, вам нужно скрыть переполнение тела. Сделайте это в jQuery: 

function open_popup(class_to_open) {
  $('.popup-fixed-info').css("visibility", "visible");
  $('.popup-fixed-info').css("opacity", "1");
  $('body').css("overflow", "hidden");
}

Затем удалите его, когда закроете всплывающее окно. Какую бы функцию вы ни выполняли для этого. 

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