diff --git a/js/controllers/sideMenuController.js b/js/controllers/sideMenuController.js
index 2aad0bae15..36978afd84 100644
--- a/js/controllers/sideMenuController.js
+++ b/js/controllers/sideMenuController.js
@@ -142,6 +142,12 @@
         var maxRight = this.right.width;
         this.openAmount(this.right.width * p);
       }
+
+      if(percentage !== 0) {
+        document.body.classList.add('menu-open');
+      } else {
+        document.body.classList.remove('menu-open');
+      }
     },
 
     /**
diff --git a/scss/_menu.scss b/scss/_menu.scss
index b09355b6cc..8173d6e1da 100644
--- a/scss/_menu.scss
+++ b/scss/_menu.scss
@@ -24,6 +24,10 @@
   box-shadow: $menu-side-shadow;
 }
 
+.menu-open .scroll-content {
+  pointer-events: none;
+}
+
 .grade-b .menu-content,
 .grade-c .menu-content {
   @include box-sizing(content-box);