Corrija os problemas do Chrome com anexo de plano de fundo: corrigido

À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.scssparcial 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.