Общий сайт parallax перемещается при открытии fancybox2

Question

В качестве примера я создал сайт параллакса. Он отлично работает, за исключением того, что я использую fancybox2 для всплывающих элементов портфеля. Кажется, что сайт перемещается в своей совокупности при открытии fancybox.

margin и padding атрибуты body установлены на 0. Все фоны фиксированы. Кажется, что-то связано с scrollbar и fancybox-lock, которое появляется при открытии fancybox. Когда я поставил fancybox как это фон фиксируется как оно должно быть:

$(".fancybox").fancybox({ 
     autoSize: false, 
     width: 780, 
     helpers : { overlay : { locked : false } } 
    }); 

Проблема заключается в том, что теперь я могу прокручивать фон. Поэтому настройка locked на true хороша, но вызывает блокировку полосы прокрутки и перемещает все мои фоны.

Есть ли способ исправить это?

Это мой portfolio website.

Answer 1

На jquery.fancybox.css (строка 167, версия с октября 2013 года), прокомментируйте этот класс:

.fancybox замок { переполнения: скрытый важно; ширина: авто; }

Тогда вы получили

/* ОТКЛЮЧЕНИЕ АВТОПРОКРУТКА .fancybox блокировки { переполнения: скрытый важно; ширина: авто; } */

Надеюсь, он решит вашу проблему!

Cheers.