Actually just more me taking a belt and braces approach rather than flicker
prevention! Sounds like a bug that I inadvertently skirted around.

The main change here was removing the background position change so this
demo just shows recalc style + composite and no paints.
On 30 Jan 2013 18:13, "Paul Irish" <notifications@github.com> wrote:

> In static/demos/parallax/demo-2/scripts/parallax.js:
>
> > @@ -50,7 +50,8 @@ window.requestAnimFrame = (function(){
> >
> >      var relativeY = lastScrollY / h;
> >
> > -    mainBG.style.backgroundPosition = 'center ' + pos(0, -600, relativeY, 0) + 'px';
> > +    prefix(mainBG.style, "Transform", "translate3d(0," +
> > +      pos(0, -600, relativeY, 0) + 'px, 0)');
>
> null transform before so you can modify it here without flicker? I see.
>
> —
> Reply to this email directly or view it on GitHub<https://github.com/html5rocks/www.html5rocks.com/pull/285/files#r2830300>.
>
>