From 0ffea11ccb021ae9512b51c93c8a7a5a683e841f Mon Sep 17 00:00:00 2001 From: lidlanca Date: Mon, 26 Jan 2015 20:47:43 -0500 Subject: [PATCH] Perf UX : reduce page paint on scrolling, due to fixed header element union with progress bar Should provide some performance improvement for scrolling on chrome The fixed header and the fixed progress bar on both ends of the screen will invoke a complete visible page redraw. For whatever reason this css should make things better for low performance devices. only tested on chrome superficially. --- app/assets/stylesheets/common/base/header.scss | 1 + 1 file changed, 1 insertion(+) diff --git a/app/assets/stylesheets/common/base/header.scss b/app/assets/stylesheets/common/base/header.scss index e5392f2cd06..459d9385f21 100644 --- a/app/assets/stylesheets/common/base/header.scss +++ b/app/assets/stylesheets/common/base/header.scss @@ -8,6 +8,7 @@ .docked & { position: fixed; + backface-visibility: hidden; /** do magic for scrolling performance **/ } .contents {