Ok, então aqui está o site de demonstração: http://hayati.yahyauddin.com/
Para ver o modal, passe o mouse sobre um produto e clique no botão de zoom para exibir a visualização rápida do produto.
Se você continuar rolando para baixo, verá que o fundo semitransparente cinza pára. Esse problema ocorre independentemente do tamanho da tela!
Por que isso acontece e como posso corrigir isso?
Nota: Esse problema não parece ocorrer no site da fundação: http://foundation.zurb.com/docs/components/reveal.html
Respostas:
1 para resposta № 1Os caras da Zurb mudaram sua posição padrão de fixa para absoluta (eu não entendi o porquê), então eles mudaram de idéia e voltaram para o fixo novamente.
Isto foi implementado em 5.5.1 https://github.com/zurb/foundation/commit/45f9b407ffeeca4b44c5a2afde4f0e58abf4bb78
atualização ajudará :)
0 para resposta № 2
Parece que consertei o problema. O problema era que, no _reveal.scss, a posição era definida como absoluta de maneira bastante estranha. Há um comentário que diz allows modal background to extend beyond window position
para a mixagem. Isso claramente não era o caso.
Acabei de mudar o position: absolute
para position: fixed
e funciona!
Sinta-se livre para deixar um comentário a respeito de porque você acha que os desenvolvedores fizeram isso.