body-scroll & bootstrap modal
Добавлено: 2019.04.16, 09:17
Может, кому пригодится. Тут проблема уже вместе с решением.
Суть: при вызове второго модального окна из первого второе перестаёт скроллиться, а вместо него начинает скроллиться весь body.
Более подробно: при клике на data-toggle="modal" data-target="#cutFaceModal" вызовется модалка. Но я по этому же клику подгружаю в неё контент аяксом и закрываю предыдущее модальное окно (#facesModal, в котором вызывающий элемент и стоял). И вот тут колесом начинает скроллиться не модалка, а тело всего документа.
Решение:
Суть: при вызове второго модального окна из первого второе перестаёт скроллиться, а вместо него начинает скроллиться весь body.
Более подробно: при клике на data-toggle="modal" data-target="#cutFaceModal" вызовется модалка. Но я по этому же клику подгружаю в неё контент аяксом и закрываю предыдущее модальное окно (#facesModal, в котором вызывающий элемент и стоял). И вот тут колесом начинает скроллиться не модалка, а тело всего документа.
Решение:
Код: Выделить всё
вместо $('#facesModal .close').trigger('click');
или вместо $('#facesModal').modal('hide');
использовать $('#facesModal').removeClass('in').css({display: 'none'});