JS实现：页面弹框层出现时，禁止底部内容可以滑动

无论在移动端还是电脑站，当弹框层出现时，如果底部内容页面还可以上下滚动，那么非常不友好，怎么办呢？Jquery强制禁用滑动！

css:

#disable{position:fixed;top:0;height: 100%;overflow: hidden;}

js:

//禁止滚动
function disableScroll(){
$("body").attr("id","disable");
}
//允许滚动
function enableScroll(){
$("body").removeAttr("id","disable");
}

在弹框出来的函数时调用“禁止滚动”，弹框消失的时候调用“允许滚动”