欧美一级特黄大片做受成人-亚洲成人一区二区电影-激情熟女一区二区三区-日韩专区欧美专区国产专区

jQuery如何實(shí)現(xiàn)彈窗下底部頁(yè)面禁止滑動(dòng)效果-創(chuàng)新互聯(lián)

小編給大家分享一下jQuery如何實(shí)現(xiàn)彈窗下底部頁(yè)面禁止滑動(dòng)效果,相信大部分人都還不怎么了解,因此分享這篇文章給大家參考一下,希望大家閱讀完這篇文章后大有收獲,下面讓我們一起去了解一下吧!

目前創(chuàng)新互聯(lián)建站已為上千家的企業(yè)提供了網(wǎng)站建設(shè)、域名、網(wǎng)絡(luò)空間、網(wǎng)站運(yùn)營(yíng)、企業(yè)網(wǎng)站設(shè)計(jì)、開(kāi)陽(yáng)網(wǎng)站維護(hù)等服務(wù),公司將堅(jiān)持客戶導(dǎo)向、應(yīng)用為本的策略,正道將秉承"和諧、參與、激情"的文化,與客戶和合作伙伴齊心協(xié)力一起成長(zhǎng),共同發(fā)展。

在項(xiàng)目開(kāi)發(fā)過(guò)程中,經(jīng)常會(huì)遇到帶有彈窗的頁(yè)面,尤其是在移動(dòng)端。在沒(méi)有特別要求的情況下,彈窗彈出后,彈窗下的底部頁(yè)面依然能夠滑動(dòng)。為了得到更好的用戶體驗(yàn),需要做到觸發(fā)彈窗時(shí),彈窗底部頁(yè)面禁止滑動(dòng),關(guān)閉彈窗時(shí),彈窗底部頁(yè)面恢復(fù)滑動(dòng),具體思路如下:

1.觸發(fā)彈窗時(shí),獲取滾動(dòng)條所在的位置。

2.將底部頁(yè)面的position屬性設(shè)置為fixed。

3.設(shè)置底部頁(yè)面的位置為觸發(fā)彈窗時(shí)的初始位置。

4.關(guān)閉彈窗時(shí),恢復(fù)底部頁(yè)面的position屬性。

5.恢復(fù)底部頁(yè)面的滾動(dòng)條高度。

//觸發(fā)彈窗底部頁(yè)面禁止滑動(dòng)
function fixed(){
  var scrollTop = document.body.scrollTop;//設(shè)置背景元素的位置
  $('#content').attr('data-top',scrollTop);
  var contentStyle = document.getElementById("content").style;//content是可以滾動(dòng)的背景元素id名稱
  contentStyle.position = 'fixed'; //contentStyle是第二步的變量,設(shè)置背景元素的position屬性為‘fixed'
  contentStyle.top = "-"+scrollTop+"px";
}

//關(guān)閉彈窗底部頁(yè)面恢復(fù)滑動(dòng)
function fixed_cancel(){
  var contentStyle = document.getElementById("content").style;
  var scrollTop = $('#content').attr('data-top');//設(shè)置背景元素的位置
  contentStyle.top = '0px';//恢復(fù)背景元素的初始位置
  contentStyle.position ="static";//恢復(fù)背景元素的position屬性(初始值為absolute,就恢復(fù)為absolute,以此類(lèi)推)
  $(document).scrollTop(scrollTop);//scrollTop,設(shè)置滾動(dòng)條的位置
}

觸發(fā)彈窗時(shí)執(zhí)行fixed()方法;關(guān)閉彈窗時(shí)觸發(fā)fixed_cancel()方法;即可獲得更好的用戶體驗(yàn)。

以上是“jQuery如何實(shí)現(xiàn)彈窗下底部頁(yè)面禁止滑動(dòng)效果”這篇文章的所有內(nèi)容,感謝各位的閱讀!相信大家都有了一定的了解,希望分享的內(nèi)容對(duì)大家有所幫助,如果還想學(xué)習(xí)更多知識(shí),歡迎關(guān)注創(chuàng)新互聯(lián)成都網(wǎng)站設(shè)計(jì)公司行業(yè)資訊頻道!

另外有需要云服務(wù)器可以了解下創(chuàng)新互聯(lián)scvps.cn,海內(nèi)外云服務(wù)器15元起步,三天無(wú)理由+7*72小時(shí)售后在線,公司持有idc許可證,提供“云服務(wù)器、裸金屬服務(wù)器、高防服務(wù)器、香港服務(wù)器、美國(guó)服務(wù)器、虛擬主機(jī)、免備案服務(wù)器”等云主機(jī)租用服務(wù)以及企業(yè)上云的綜合解決方案,具有“安全穩(wěn)定、簡(jiǎn)單易用、服務(wù)可用性高、性價(jià)比高”等特點(diǎn)與優(yōu)勢(shì),專為企業(yè)上云打造定制,能夠滿足用戶豐富、多元化的應(yīng)用場(chǎng)景需求。

分享題目:jQuery如何實(shí)現(xiàn)彈窗下底部頁(yè)面禁止滑動(dòng)效果-創(chuàng)新互聯(lián)
分享地址:http://www.aaarwkj.com/article6/dddoog.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供關(guān)鍵詞優(yōu)化、網(wǎng)站設(shè)計(jì)公司面包屑導(dǎo)航、自適應(yīng)網(wǎng)站、域名注冊(cè)、虛擬主機(jī)

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來(lái)源: 創(chuàng)新互聯(lián)

h5響應(yīng)式網(wǎng)站建設(shè)
色婷婷av一区二区三| 亚洲禁看av一区不卡| 91超碰在线观看中文| 福利在线午夜绝顶三级| 中文字幕亚洲精品视频| 91麻豆亚洲国产成人久久精品| 日本熟人妻中文字幕在线| 在线观看中文字幕有码| 九九热在线视频观看最新| 国产日韩精品欧美综合区| 草莓午夜视频在线观看| 亚洲精品精品一区二区| 国产乱肥老妇国产一区二| 在线看黄视频网站永久免费| 超碰av之男人的天堂| 久久精品色一情一乱一伦| 夫妻的世界电影完整版| 人妻一少妇一区二区三区| 97在线观看视频在线观看| 日本免费一区中文字幕| 国产一区在线免费在线观看| 日本熟女肥臀一区二区| 久久这里有精品免费观看| 国产三级无遮挡在线观看| 好吊视频在线免费观看| 亚洲女同中文字幕在线| 精品av一区二区在线| 视频一区视频二区在线| 加勒比久草免费在线观看| 人人妻人人澡人人爽精品日本| 日韩中文字幕 在线播放| 有码国内精品人妻少妇| 国内成人免费在线视频| 蜜桃av网站免费观看| 国产一区二区精品日韩| 亚洲丰满熟女乱一区二区三区| 老女人性生交大片免费| 欧美日韩国产激情在线观看| 国产精品盗摄一区二区三区| 亚洲欧美日韩另类自拍| 中文字幕日韩午夜精品|