jQuery阻止移動(dòng)端遮罩層后頁(yè)面滾動(dòng)
更新時(shí)間：2017年03月15日 10:51:02 作者：艾米
本文主要介紹了jQuery阻止移動(dòng)端遮罩層后頁(yè)面滾動(dòng)的方法。具有很好的參考價(jià)值。下面跟著小編一起來(lái)看下吧
css代碼：
.ovfHiden{overflow: hidden;height: 100%;}
jquery:
$(".header_right").click(function(){
$('html,body').addClass('ovfHiden'); //使網(wǎng)頁(yè)不可滾動(dòng)
$(".searchbox").show();
})
$(".yg-close").click(function(){
$('html,body').removeClass('ovfHiden'); //使網(wǎng)頁(yè)恢復(fù)可滾
$(".searchbox").hide();
})
以上就是本文的全部?jī)?nèi)容，希望本文的內(nèi)容對(duì)大家的學(xué)習(xí)或者工作能帶來(lái)一定的幫助，同時(shí)也希望多多支持腳本之家！
您可能感興趣的文章:
- JS遮罩層效果 兼容ie firefox jQuery遮罩層
- JQuery 遮罩層實(shí)現(xiàn)(mask)實(shí)現(xiàn)代碼
- jQuery操作dom實(shí)現(xiàn)彈出頁(yè)面遮罩層(web端和移動(dòng)端阻止遮罩層的滑動(dòng))
- jQuery實(shí)現(xiàn)簡(jiǎn)單網(wǎng)頁(yè)遮罩層/彈出層效果兼容IE6、IE7
- Jquery實(shí)現(xiàn)遮罩層的簡(jiǎn)單實(shí)例(就是彈出DIV周?chē)蓟疑荒懿僮?
- jQuery+AJAX實(shí)現(xiàn)遮罩層登錄驗(yàn)證界面（附源碼）
- jQuery點(diǎn)擊按鈕彈出遮罩層且內(nèi)容居中特效
- Jquery實(shí)現(xiàn)遮罩層的方法
- jQuery實(shí)現(xiàn)彈出帶遮罩層的居中浮動(dòng)窗口效果
- jQuery實(shí)現(xiàn)打開(kāi)網(wǎng)頁(yè)自動(dòng)彈出遮罩層或點(diǎn)擊彈出遮罩層功能示例
- JavaScript實(shí)現(xiàn)的彈出遮罩層特效經(jīng)典示例【基于jQuery】
相關(guān)文章
jquery的父、子、兄弟節(jié)點(diǎn)查找,節(jié)點(diǎn)的子節(jié)點(diǎn)循環(huán)方法
下面小編就為大家?guī)?lái)一篇jquery的父、子、兄弟節(jié)點(diǎn)查找,節(jié)點(diǎn)的子節(jié)點(diǎn)循環(huán)方法。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-12-12
下面小編就為大家?guī)?lái)一篇設(shè)置jquery UI 控件的大小方法。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-12-12
jQuery 復(fù)合選擇器應(yīng)用的幾個(gè)例子
這篇文章主要介紹了jQuery 復(fù)合選擇器應(yīng)用的幾個(gè)例子,本文例子所引用的jQuery版本為 jQuery-1.8.3.min.js，喜歡的朋友可以學(xué)習(xí)下2014-09-09
這篇文章主要介紹了jQuery中:button選擇器用法,實(shí)例分析了:button選擇器的功能、定義及選取按鈕的使用技巧,需要的朋友可以參考下2015-01-01
jquery亂碼與contentType屬性設(shè)置問(wèn)題解決方案
讓人頭痛的Jquery亂碼問(wèn)題。其實(shí)這方面文章已經(jīng)很多了，但全面解決各種問(wèn)題的很少，今天總結(jié)一下，方便自己也方便大家,感興趣的朋友可以了解下哦2013-01-01
下面小編就為大家?guī)?lái)一篇Jquery基礎(chǔ)之事件操作詳解。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-06-06
fix bug:溢出之后不能回來(lái)的,添加在范圍內(nèi)移動(dòng)，需要的朋友可以參考下。2011-02-02
基于jquery的讓textarea自適應(yīng)高度的插件
jquery extension - auto height text area2010-08-08
不好意思，剛剛發(fā)了一個(gè)類(lèi)似的效果，發(fā)現(xiàn)代碼比較多，而卻還有一個(gè)bug，現(xiàn)在修正了錯(cuò)誤，需要的朋友可以參考下。2011-07-07
jQuery實(shí)現(xiàn)的checkbox級(jí)聯(lián)選擇下拉菜單效果示例
這篇文章主要介紹了jQuery實(shí)現(xiàn)的checkbox級(jí)聯(lián)選擇下拉菜單效果,涉及jQuery鼠標(biāo)事件響應(yīng)及表格table動(dòng)態(tài)操作的相關(guān)技巧,需要的朋友可以參考下2016-12-12