title: Disabling the scroll when the modal is open
body: <p>I want to disable scrolling when the modal opens. I've seen discussions about  this referring to bootstrap, but I'm not using bootstrap, all my code is custom. Is there any way I can incorporate this method with the code below:</p>
  
  <pre><code>function mobileNav() {
    $('.menu-toggle').on('click', function(){
      var status = $(this).hasClass('is-open');
      if(status){
        $('.menu-toggle,.side-menu,').removeClass('is-open');
      }else {
        $('.menu-toggle,.side-menu').addClass('is-open');
      }
  });
  </code></pre>
  
  <p>(<a href="https://i.stack.imgur.com/BORfv.png" rel="nofollow noreferrer">Code as a screenshot</a>)</p>