jQuery 遮盖层弹出后禁止页面滚动
程序员文章站
2022-03-17 09:29:43
css部分 .ovfHiden{ overflow: hidden; height: 100%; } js部分 $(".btn1").click(function(){ $('html,body').addClass('ovfHiden'); //使网页不可滚动 $(".layer").show() ......
css部分
.ovfhiden{
overflow: hidden;
height: 100%;
}
js部分
$(
".btn1"
).click(
function
(){
$(
'html,body'
).addclass(
'ovfhiden'
);
//使网页不可滚动
$(
".layer"
).show();
})
$(
".btn2"
).click(
function
(){
$(
'html,body'
).removeclass(
'ovfhiden'
);
//使网页恢复可滚
$(
".layer"
).hide();
})
上一篇: linux镜像(持续更新)
下一篇: 你爸爸就在隔壁