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

jQuery阻止移动端遮罩层后页面滚动

程序员文章站 2024-02-01 13:43:04
css代码: .ovfhiden{overflow: hidden;height: 100%;} jquery: $(".header_right").cl...

css代码:

.ovfhiden{overflow: hidden;height: 100%;}

jquery:

 $(".header_right").click(function(){
    $('html,body').addclass('ovfhiden'); //使网页不可滚动
    $(".searchbox").show();
  })
  $(".yg-close").click(function(){
    $('html,body').removeclass('ovfhiden'); //使网页恢复可滚
    $(".searchbox").hide();
  })

以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,同时也希望多多支持!