AutoCAD 3DMAX C语言 Pro/E UG JAVA编程 PHP编程 Maya动画 Matlab应用 Android
Photoshop Word Excel flash VB编程 VC编程 Coreldraw SolidWorks A Designer Unity3D
 首页 > JavaScript

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

51自学网 http://www.wanshiok.com
jquery阻止页面滚动,遮罩层阻止底层滚动,jq遮罩层禁止页面滚动

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

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


jquery阻止页面滚动,遮罩层阻止底层滚动,jq遮罩层禁止页面滚动  
上一篇:jQuery插件HighCharts实现的2D面积图效果示例【附demo源码下载】  下一篇:字太多用...代替的方法(两种)