side nav mobile scrolling partial fix

zegerhoogeboom · Jan 8, 2015 · bec7913 · bec7913
1 parent 73a41f5
commit bec7913
Show file tree

Hide file tree

Showing 5 changed files with 9 additions and 5 deletions.
diff --git a/bin/materialize.css b/bin/materialize.css
@@ -6346,7 +6346,7 @@ ul.side-nav.fixed {
   top: 0px;
   left: 0px;
   right: 0px;
-  bottom: 0px;
+  height: 120vh;
   background-color: rgba(0, 0, 0, 0.5);
   z-index: 998;
   will-change: opacity; }

diff --git a/bin/materialize.js b/bin/materialize.js
diff --git a/css/ghpages-materialize.css b/css/ghpages-materialize.css
@@ -6346,7 +6346,7 @@ ul.side-nav.fixed {
   top: 0px;
   left: 0px;
   right: 0px;
-  bottom: 0px;
+  height: 120vh;
   background-color: rgba(0, 0, 0, 0.5);
   z-index: 998;
   will-change: opacity; }

diff --git a/js/sideNav.js b/js/sideNav.js
@@ -29,13 +29,16 @@
       }
       window.onmousewheel = document.onmousewheel = wheel;
       document.onkeydown = keydown;
+      $('body').css({'overflow-y' : 'hidden'});
     }
 
     function enable_scroll() {
       if (window.removeEventListener) {
         window.removeEventListener('DOMMouseScroll', wheel, false);
       }
       window.onmousewheel = document.onmousewheel = document.onkeydown = null;
+      $('body').css({'overflow-y' : ''});
+
     }
 
     $.fn.sideNav = function (options) {

diff --git a/sass/components/_sideNav.scss b/sass/components/_sideNav.scss
@@ -110,7 +110,8 @@ ul.side-nav.fixed {
   top: 0px;
   left: 0px;
   right: 0px;
-  bottom: 0px;
+
+  height: 120vh;
   background-color: rgba(0,0,0,.5);
   z-index: 998;