translatez-hack

Apply the translateZ hack in a cross-browser way. For use with browserify / CommonJS.

translatez-hack

Apply the translateZ hack in a cross-browser way. This "hack" is considered best practice for telling browser compositors to treat the element as it's own layer. This can significantly improve scrolling performance, etc.

For more details on tranlate: http://www.paulirish.com/2012/why-moving-elements-with-translate-is-better-than-posabs-topleft/

You could argue that this shouldn't be done in JS. I'd suggest that perhaps sometimes it should. This isn't done for styling by a designer. It's done for performance by a front-end developer that feels like the type of thing that in certain cases belongs in javscript land.

npm i translatez-hack
var translateZ = require('translatez-hack');
 
// pass it the element and the hack will be applied 
translateZ(document.querySelector('#someId'));

If you like this, follow [@HenrikJoreteg] on twitter.

MIT