Sometimes when you're trying to use the effect where the photo in a container is fixed as you scroll, Chrome will so some weird things. This is probably because some parent container in the dom is using
-webkit-backface-visibility: hidden. If that's ever the case, try using
-webkit-transform: translateZ(0x) instead of
You'll have this issue if you're using Zurb's Off-Canvas Menu solution for their Foundation front-end framework.
If you're using their off-canvas menu solution with Sass, open their
_offcanvas.scss partial that comes with Foundation. In the mixin called kill-flicker, comment out the backface visibility property, and uncomment the translateZ property. Your Chrome backgrounds should scroll the way you expect.