How to disable scrolling in the background when the mobile menu is open?

When a menu is open, set position: fixed on the body, and remove on close.

 .fixed-position {
    position: fixed;
 }

 if ($('#mob-menu').is(':visible')) {
    $('body').addClass("fixed-position");
 } else {
    $('body').removeClass("fixed-position");
 }