body-scroll & bootstrap modal

Вопросы по вёрстке и JavaScript
Ответить
Аватара пользователя
Maxim Glushko
Сообщения: 81
Зарегистрирован: 2017.04.24, 19:16
Откуда: Україна, Одеса

body-scroll & bootstrap modal

Сообщение Maxim Glushko » 2019.04.16, 09:17

Может, кому пригодится. Тут проблема уже вместе с решением.

Суть: при вызове второго модального окна из первого второе перестаёт скроллиться, а вместо него начинает скроллиться весь body.

Более подробно: при клике на data-toggle="modal" data-target="#cutFaceModal" вызовется модалка. Но я по этому же клику подгружаю в неё контент аяксом и закрываю предыдущее модальное окно (#facesModal, в котором вызывающий элемент и стоял). И вот тут колесом начинает скроллиться не модалка, а тело всего документа.

Решение:

Код: Выделить всё

вместо $('#facesModal .close').trigger('click');
или вместо $('#facesModal').modal('hide');
использовать $('#facesModal').removeClass('in').css({display: 'none'});

Ответить