jQuery 遮盖层弹出后禁止页面滚动
程序员文章站
2022-06-21 13:37:40
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();
})
上一篇： iOS开发简记（2）：自定义tabbar
下一篇： HTML5之webSocket使用