Блог

Заранее прошу прощения за возможные ошибки в английском.

Мой вопрос следующий. В моем style.css html-тег имеет свойство overflow-y:scroll. Далее я подключаю fancybox v3. Когда я вызываю fancy modal, он открывается правильно. Но окно не фиксируется по центру, потому что fancy наследует overflow-y: scroll из html-тега. Как мне это исправить? При открытии fancy полосы прокрутки не должны отображаться для меня.

Вы могли бы просто изменить определение CSS с помощью jQuery или чего-то еще при открытии модального, а затем вернуться к «прокрутке» при его закрытии. Что-то вроде этого…

 $('[data-fancybox]').fancybox({
    afterShow: function( instance, slide ) {

        $('html').css('overflow-y','inherit');

    },
    afterClose: function( instance, slide ) {

        $('html').css('overflow-y','scroll');

    }
});