Disabling the scroll when the modal is open
<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>