无论在移动端还是电脑站,当弹框层出现时,如果底部内容页面还可以上下滚动,那么非常不友好,怎么办呢?Jquery强制禁用滑动!
css:
#disable{position:fixed;top:0;height: 100%;overflow: hidden;}
js:
//禁止滚动
function disableScroll(){
$("body").attr("id","disable");
}
//允许滚动
function enableScroll(){
$("body").removeAttr("id","disable");
}
在弹框出来的函数时调用“禁止滚动”,弹框消失的时候调用“允许滚动”