欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

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