make sure the header stays on above any content that may be below it

jedlikowski · Jun 3, 2017 · 89fba48 · 89fba48
1 parent 5e7f221
commit 89fba48
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 6 deletions.
diff --git a/dist/sticky-header.css b/dist/sticky-header.css
@@ -5,12 +5,12 @@
   width: 100%;
   -webkit-transition: all 0.3s ease;
   transition: all 0.3s ease;
-  -webkit-transform: translate(0, -102%);
-          transform: translate(0, -102%);
+  -webkit-transform: translate3d(0, -102%, 100px);
+          transform: translate3d(0, -102%, 100px);
   z-index: 100;
 }
 
 .sticky-header.sticky-stick.sticky-show {
-  -webkit-transform: translate(0, 0);
-          transform: translate(0, 0);
+  -webkit-transform: translate3d(0, 0, 100px);
+          transform: translate3d(0, 0, 100px);
 }
diff --git a/src/sticky-header.scss b/src/sticky-header.scss
@@ -5,11 +5,11 @@
     left: 0;
     width: 100%;
     transition: all 0.3s ease;
-    transform: translate(0, -102%);
+    transform: translate3d(0, -102%, 100px);
     z-index: 100;
 
     &.sticky-show {
-      transform: translate(0, 0);
+      transform: translate3d(0, 0, 100px);
     }
   }
 }