Às vezes, quando você está tentando usar o efeito em que a foto em um contêiner é fixada conforme você rola, o Chrome mostra algumas coisas estranhas. Isso provavelmente ocorre porque algum contêiner pai no dom está usando -webkit-backface-visibility: hidden
. Se for esse o caso, tente usar em -webkit-transform: translateZ(0x)
vez de -webkit-backface-visibility: hidden
.
Você terá esse problema se estiver usando a solução Off-Canvas Menu do Zurb para sua estrutura de front-end Foundation.
Se você estiver usando a solução de menu fora da tela com o Sass, abra o _offcanvas.scss
parcial que vem com o Foundation. No mixin chamado kill-flicker, comente a propriedade de visibilidade da face posterior e descomente a propriedade translateZ. Os planos de fundo do Chrome devem rolar da maneira que você espera.