title: How to stop fullpage.js scroll when overlay open?
body: <p>I am trying to stop full page.js scroll when overlay is open </p>
  
  <p>This is the code required to stop scrolling, however, I am not familiar enough with JS to implement this</p>
  
  <pre><code>//disabling scrolling
  fullpage_api.setAllowScrolling(false);
  </code></pre>
  
  <p>Does anyone have any suggestions?</p>
  
  <pre><code>&lt;div class="menu"&gt;
    &lt;a href="#" class="menu-link"&gt;
    &lt;span class="hamburger-icon"&gt;
      &lt;span class="hamburger-bar hamburger-bar-1"&gt;&lt;/span&gt;
      &lt;span class="hamburger-bar hamburger-bar-3"&gt;&lt;/span&gt;
    &lt;/span&gt;
    &lt;/a&gt;
  &lt;/div&gt;
  
  &lt;div class="menu-overlay"&gt;
    &lt;nav class="overlay-menu"&gt;
    &lt;/nav&gt;
  &lt;/div&gt;
  
  
  $(document).ready(function() {
  
  $(".menu-link").click(function(event) {
    event.preventDefault();
  $(".menu-overlay").toggleClass("open");
    $(".menu").toggleClass("open");
    });
  });
  </code></pre>