移动端弹出遮罩层禁止页面滚动，遮罩里面的框允许滚动如何实现。

因为有的弹窗上面有滑动,但是滑动部分滑动时会带动底下的页面滚动,如何解决?

1.弹窗弹起时

 activityAgreement:function(){
     vm.agreementsDailog=true;
     vm.hideTheAgreements=true
       var scrollTop=document.documentElement.scrollTop
       $('body').css({
            'overflow':'hidden',
            'position': 'fixed',
            'top': scrollTop*(-1)
        });
             

    },

2.弹窗关闭时

 closeAgreements:function(){
      vm.agreementsDailog=false
      vm.hideTheAgreements=false
       $('body').css({
            'overflow':'auto',
            'position': 'static',
            'top': 'auto'
        });
       
    }

这样就不管怎么划都不会影响下面的代码了.