magnificPopup 레이어팝업 모바일 스크롤 방지 js, css

JS:
$('.my-popup').magnificPopup({
  type : 'ajax',
  callbacks: {
    beforeOpen: function() {
      $('body').addClass('mfp-active');
    },
    beforeClose: function() {
      $('body').removeClass('mfp-active');
    }
  }
});




CSS:
body { -webkit-overflow-scrolling: touch; } 
body.mfp-active { overflow: hidden; -webkit-overflow-scrolling: auto; width: 100%; position: fixed; overflow: auto; } 
body .mfp-wrap { position: fixed; overflow: auto; top: 0 !important; }