Locomotive Scroll : How to stop scrolling with an overlay modal?

Question

I started using locomotive and made an overlay menu. Normally I should have use an overflow hidden. But here it's not working

.scroll-stop
{
    overflow: hidden !important;
}

$('#toggle').click(function() {
    $(this).toggleClass('active');
    $('#overlay').toggleClass('open');
    $('body').toggleClass('scroll-stop');
});