Replace background-attachment: fixed in docs (#5777)

Fixed backgrounds have performance issues on large displays.
encode · Jan 30, 2018 · ece4171 · ece4171
1 parent 769bc13
commit ece4171
Showing 1 changed file with 13 additions and 3 deletions.
diff --git a/docs_theme/css/default.css b/docs_theme/css/default.css
@@ -160,9 +160,19 @@ body, .navbar .navbar-inner .container-fluid{
   margin: 0 auto;
 }
 
-body{
-  background: url("../img/grid.png") repeat-x;
-  background-attachment: fixed;
+/* Replacement for `body { background-attachment: fixed; }`, which
+   has performance issues when scrolling on large displays. */
+body::before {
+    content: ' ';
+    position: fixed;
+    width: 100%;
+    height: 100%;
+    top: 0;
+    left: 0;
+    background-color: #f8f8f8;
+    background: url(../img/grid.png) repeat-x;
+    will-change: transform;
+    z-index: -1;
 }