快捷導(dǎo)航

jQuery彈出層后禁用底部滾動(dòng)條(移動(dòng)端關(guān)閉回到原位置)

更新時(shí)間：2016年08月29日 16:58:16 作者：Goforward

這篇文章主要介紹了jQuery彈出層后禁用底部滾動(dòng)條(移動(dòng)端關(guān)閉回到原位置)的關(guān)鍵代碼，非常不錯(cuò)，代碼簡單易懂,需要的朋友可以參考下

最近在忙于jquery的前端開發(fā)，學(xué)習(xí)到很多知識(shí)，今天小編給大家?guī)硪欢未a片段有關(guān)彈出層后禁用滾動(dòng)條的代碼。

具體代碼如下所示：

$("cli-open").click(function(){
var scrollTop = document.body.scrollTop;//保存點(diǎn)擊前滾動(dòng)條的位置
window.onscroll=function(){
document.body.scrollTop = scrollTop;//賦值給滾動(dòng)條的位置
}
})
$(".cli-close").click(function(){
window.onscroll=function(){
document.body.scrollTop=document.body.scrollTop;//關(guān)閉后清除保存位置的值
}
})

以上所述是小編給大家介紹的jQuery彈出層后禁用底部滾動(dòng)條(移動(dòng)端關(guān)閉回到原位置)，希望對(duì)大家有所幫助，如果大家有任何疑問請給我留言，小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持！

您可能感興趣的文章:

相關(guān)文章

jquery實(shí)現(xiàn)奇偶行賦值不同css值
通常為了讓頁面呈現(xiàn)的更為美觀，我們喜歡在奇偶行加上不同的顏色
2012-02-02
jQuery實(shí)現(xiàn)購物車計(jì)算價(jià)格功能的方法
這篇文章主要介紹了jQuery實(shí)現(xiàn)購物車計(jì)算價(jià)格功能的方法,實(shí)例分析了jQuery針對(duì)html元素的操作技巧,非常具有實(shí)用價(jià)值,需要的朋友可以參考下
2015-03-03
jQuery實(shí)現(xiàn)table表格信息的展開和縮小功能示例
這篇文章主要介紹了jQuery實(shí)現(xiàn)table表格信息的展開和縮小功能,涉及jQuery事件響應(yīng)及頁面元素遍歷、屬性修改相關(guān)操作技巧,需要的朋友可以參考下
2018-07-07
jQuery基礎(chǔ)知識(shí)filter()和find()實(shí)例說明
這是jQuery里常用的2個(gè)方法。他們2者功能是完全不同的，而初學(xué)者往往會(huì)被誤導(dǎo)。
2010-07-07
jQuery實(shí)現(xiàn)表格隔行及滑動(dòng),點(diǎn)擊時(shí)變色的方法【測試可用】
這篇文章主要介紹了jQuery實(shí)現(xiàn)表格隔行及滑動(dòng),點(diǎn)擊時(shí)變色的方法,可實(shí)現(xiàn)表格隔行變色以及鼠標(biāo)滑過與點(diǎn)擊時(shí)變色的功能,涉及jQuery響應(yīng)鼠標(biāo)事件及頁面元素樣式動(dòng)態(tài)改變的相關(guān)技巧,需要的朋友可以參考下
2016-08-08
jQueryUI Datepicker組件設(shè)置日期高亮
這篇文章主要介紹了jQueryUI Datepicker組件設(shè)置日期高亮的相關(guān)方法，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2016-10-10
jQuery實(shí)現(xiàn)動(dòng)畫效果的簡單實(shí)例
本篇文章主要是對(duì)jQuery實(shí)現(xiàn)動(dòng)畫效果的簡單實(shí)例進(jìn)行了介紹，需要的朋友可以過來參考下，希望對(duì)大家有所幫助
2014-01-01
jquery實(shí)現(xiàn)購物車功能
這篇文章主要為大家詳細(xì)介紹了jquery實(shí)現(xiàn)購物車功能，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2021-08-08
又一枚精彩的彈幕效果jQuery實(shí)現(xiàn)
精彩的彈幕效果分享給大家，具有一定的參考價(jià)值，感興趣的朋友可以嘗試制作彈幕，具體內(nèi)容如下
2016-07-07
jQuery.Validate表單驗(yàn)證插件的使用示例詳解
jQuery Validate 插件為表單提供了強(qiáng)大的驗(yàn)證功能，讓客戶端表單驗(yàn)證變得更簡單，同時(shí)提供了大量的定制選項(xiàng)，滿足應(yīng)用程序各種需求。接下來通過本文給大家介紹jQuery.Validate表單驗(yàn)證插件的使用示例，一起看看吧
2017-01-01