给点击事件中添加下面的代码,将导致底层无法滚动
$('body').css({
"overflow": "hidden",
"height": '100%'
})//禁止底层页面滚动
$('html').css({
"overflow": "hidden",
"height": '100%'
})//禁止底层页面滚动
关闭弹框层时的事件添加如下代码
$('body').css({
"overflow": "scroll"
})
$('html').css({
"overflow": "scroll"
})
主原理:overflow中的scroll和hidden两个属性的切换,但是body和html的高度也要设置为100%。