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 № 1Em 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.