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");
}

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