From b7364fd4455e10b5e9a299461b6dde07362ce85c Mon Sep 17 00:00:00 2001
From: Kevin Ross <kevin.ross@alienfast.com>
Date: Thu, 21 Jan 2016 11:57:40 -0600
Subject: [PATCH] working on mobile scrolling

---
 scss/_layout.scss | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/scss/_layout.scss b/scss/_layout.scss
index 4bd5fff4..5519cb8e 100644
--- a/scss/_layout.scss
+++ b/scss/_layout.scss
@@ -18,7 +18,7 @@
   flex-direction: column; // allows for sticky header and footer
   overflow-x: hidden;
   overflow-y: auto;
-  -webkit-overflow-scrolling: touch; // TODO: why?
+  -webkit-overflow-scrolling: touch;
 }
 
 // Header layout (fixed top), belongs in a mdb-layout-container
@@ -31,6 +31,7 @@
   flex-wrap: nowrap;
   flex-shrink: 0;
   justify-content: flex-start;
+  transform: translateZ(0); // attempt to smooth out mobile scrolling http://stackoverflow.com/a/15147497/2363935
 }
 
 // Content layout, belongs in a mdb-layout-container
@@ -42,7 +43,7 @@
   overflow-x: hidden;
   overflow-y: auto;
   flex-grow: 1;
-  -webkit-overflow-scrolling: touch; // TODO: why?
+  -webkit-overflow-scrolling: touch;
 }
 
 // Pushes content to the other end