快捷導(dǎo)航

jQuery阻止移動端遮罩層后頁面滾動

更新時間：2017年03月15日 10:51:02 作者：艾米

本文主要介紹了jQuery阻止移動端遮罩層后頁面滾動的方法。具有很好的參考價值。下面跟著小編一起來看下吧

css代碼：

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

jquery:

 $(".header_right").click(function(){
    $('html,body').addClass('ovfHiden'); //使網(wǎng)頁不可滾動
    $(".searchbox").show();
  })
  $(".yg-close").click(function(){
    $('html,body').removeClass('ovfHiden'); //使網(wǎng)頁恢復(fù)可滾
    $(".searchbox").hide();
  })

以上就是本文的全部內(nèi)容，希望本文的內(nèi)容對大家的學(xué)習(xí)或者工作能帶來一定的幫助，同時也希望多多支持腳本之家！

您可能感興趣的文章:

相關(guān)文章

jquery判斷checkbox是否選中及改變checkbox狀態(tài)的實現(xiàn)方法
下面小編就為大家?guī)硪黄猨query判斷checkbox是否選中及改變checkbox狀態(tài)的實現(xiàn)方法。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2016-05-05
Jquery Easyui搜索框組件SearchBox使用詳解（19）
這篇文章主要為大家詳細介紹了Jquery Easyui搜索框組件SearchBox的使用方法，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2016-12-12
Get中文亂碼IE瀏覽器Get中文亂碼解決方案
傳參的時候遇到Get中文亂碼，IE瀏覽器Get中文亂碼問題，該怎么解決呢？下面為大家詳細介紹下具體的解決方案
2013-12-12
JQuery和PHP結(jié)合實現(xiàn)動態(tài)進度條上傳顯示
本文給大家介紹JQuery和PHP結(jié)合實現(xiàn)動態(tài)進度條上傳顯示功能，本文分步驟給大家介紹的非常詳細，感興趣的朋友一起看看吧
2016-11-11
Ztree新增角色和編輯角色回顯問題的解決
這篇文章主要介紹了Ztree新增角色和編輯角色回顯問題的解決方法，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2016-10-10
jquery使用ColorBox彈出圖片組瀏覽層實例演示
本示例使用Jquery的ColorBox插件彈出圖片組瀏覽層，點擊會彈出頁中窗的效果同時帶有關(guān)閉及上一個下一個的切換，個人感覺相當(dāng)不錯的彈出窗，感興趣的你可不要錯過了哈
2013-03-03
詳解jquery validate實現(xiàn)表單驗證（正則表達式）
本篇文章主要介紹了jquery validate實現(xiàn)表單驗證（正則表達式），用戶填寫表單時，可以快速地對用戶填寫的數(shù)據(jù)進行驗證，并做出反饋。有興趣的可以了解一下。
2017-01-01
jQuery表格插件datatables用法詳解
這篇文章主要介紹了jQuery表格插件datatables用法，包括分頁、排序等功能,是jQuery表格插件datatables比較基礎(chǔ)的部分知識,需要的朋友可以參考下
2016-01-01
jQuery結(jié)合Json提交數(shù)據(jù)到Webservice，并接收從Webservice返回的Json數(shù)據(jù)
簡單的Json數(shù)據(jù)提交,后臺結(jié)合asp.net，需要的朋友可以參考下。
2011-02-02
jQuery動畫效果animate和scrollTop結(jié)合使用實例
animate是jq的一個特效的函數(shù)方法，animate() 方法執(zhí)行 CSS 屬性集的自定義動畫。該方法通過CSS樣式將元素從一個狀態(tài)改變?yōu)榱硪粋€狀態(tài)。
2014-04-04