jQuery - to disable scroll on body

Question

$(shareBox).each(function () {
  $(this).on('click', function(){
    $(this).removeClass('in');
    $(shareBtn).removeClass('on-click');
    $('.share-news-content > img.ico').attr('src', defIco);
    $('html, body').css({ overflow: 'auto',height: 'auto'});
  });

  $(shareBtn).on('click', function(){
    $('html, body').css({overflow: 'hidden', height: '100%'});
    $(shareBox).addClass('in');
    $('.share-news-content > img.ico').attr('src', closeIco);
    $(this).addClass('on-click');
  });
});

 

Answer 1

//disable scroll with css overflow
$(shareBtn).modal().on('shown', function(){
    $('body').css('overflow', 'hidden');
}).on('hidden', function(){
    $('body').css('overflow', 'auto');
})