/ / O site total de paralaxe se move ao abrir o fancybox2 - jquery, fancybox, parallax

O site total de paralaxes se move ao abrir o fancybox2 - jquery, fancybox, parallax

Criei um site de paralaxe como exemplo. Funciona muito bem, exceto que eu uso o fancybox2 para exibir itens do portfólio. O site parece se mover em sua totalidade ao abrir um fancybox.

o margin e padding atributos de body estão definidos para 0. Todos os planos de fundo são fixos. Parece que tem algo a ver com o scrollbar e a fancybox-lock que aparece ao abrir fancybox. Quando eu definir o fancybox assim o plano de fundo é fixo como deveria ser:

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

O problema é que agora posso rolar o plano de fundo. Então, definindo locked para true é bom, mas faz com que a barra de rolagem seja desativada e mova todos os meus planos de fundo.

Existe uma maneira de corrigir isso?

Este é meu site do portfólio.

Respostas:

0 para resposta № 1

Em jquery.fancybox.css (linha 167, versão de outubro de 2013), comente esta classe:

.fancybox-lock { estouro: oculto! importante; largura: auto; }

Então você tem

/ * DESATIVAR A ROLAGEM AUTOMÁTICA .fancybox-lock { estouro: oculto! importante; largura: auto; } * /

Espero que ele resolva o seu problema!

Felicidades.