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

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

1.弹窗弹起时

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

2.弹窗关闭时

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

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