В Fancybox 3.xx есть ошибка, когда где-то на странице div есть свойство min-height: 100%

Question

Я просто не могу это исправить. Когда один div на странице имеет атрибут min-height:100%; после щелчка по некоторому элементу с классом fancybox, изображение показывает, но страница прыгает в Y для высоты потомков div с min-height:100%;

Пример:

body{height:100%;}
html{height:100%;}

some_class{
    min-height:100%;
    background-image:url();
    background-size:cover;
    background-position:center center;
}

some_absolute_div_in_some_class{

     position:absolute;
     width:200px;
     height:200px;
     top:50%;
 }

И затем я помещаю некоторую позицию: абсолютные div-ы в some_class div.

Несколько div-ов позже, когда я создаю один шаблон страницы, я помещаю галерею с fancybox. И только когда я удаляю min-height:100% for some_class - все работает нормально, с ним весь переход по странице Y по оси после открытия fancybox.

Answer 1

Решение для меня, когда у некоторого div есть min-height: 100%:

beforeLoad : function(){

    jQuery('body').removeClass('fancybox-active').removeClass('compensate-for-scrollbar');
},

Так что мне нужно удалить классы, добавленные плагином для тела.

Answer 2

Поскольку вы не указали ссылку на живую страницу / демонстрацию, я думаю, это связано с скрытием полосы прокрутки. Вы можете отключить эту функцию, установив hideScrollbar:false.