国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專(zhuān)欄INFORMATION COLUMN

兼容移動(dòng)端 js彈出框?qū)崿F(xiàn)微信禁止h5禁止網(wǎng)頁(yè)下拉，滾動(dòng)穿透，禁止微信內(nèi)置瀏覽器下拉網(wǎng)頁(yè)

robin / 1883人閱讀

摘要：彈出層觸發(fā)時(shí)候頁(yè)面設(shè)置為高度百分百將不能滾動(dòng)設(shè)置的樣式為取消時(shí)候把樣式重置還原為最初彈出層遮罩層灰色區(qū)域點(diǎn)擊關(guān)閉遮罩層遮罩層阻止冒泡默認(rèn)事件彈出層禁止頁(yè)面彈出框彈出時(shí)候市面下拉滾動(dòng)監(jiān)聽(tīng)事件，這樣一來(lái)整個(gè)頁(yè)面將不能滾動(dòng)所以添加一個(gè)判斷你的大盒

//彈出層觸發(fā)時(shí)候頁(yè)面設(shè)置為高度百分百將不能滾動(dòng) 設(shè)置body html的樣式為"overflow": "hidden","height":"100%"
//取消時(shí)候把樣式重置還原為最初"overflow": "visible","height":"100%"

    $("xxx").click(function(){
        $("彈出層").show();
        $("body, html").css({
            "overflow": "hidden",
            "height":"100%"
        })
    })
    //遮罩層灰色區(qū)域點(diǎn)擊關(guān)閉遮罩層
    $("遮罩層").click(function(e){
        e.stopPropagation();//阻止冒泡默認(rèn)事件
        $("彈出層").hide();
        $("body, html").css({
            "overflow": "visible",
            "height":"100%"
        })
    })

//禁止h5頁(yè)面彈出框彈出時(shí)候市面下拉滾動(dòng) 監(jiān)聽(tīng)touchmove事件，這樣一來(lái)整個(gè)頁(yè)面將不能滾動(dòng)所以添加一個(gè)判斷 你的大div盒子取消阻止事件就能正常使用了

document.querySelector("body").addEventListener("touchmove", function(e) {
    if (!document.querySelector("你的div盒子").contains(e.target)){
            e.preventDefault();
    }
})

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://specialneedsforspecialkids.com/yun/117520.html

相關(guān)文章

  • 兼容移動(dòng)端 js彈出框實(shí)現(xiàn)微信禁止h5禁止網(wǎng)頁(yè)下拉，滾動(dòng)穿透，禁止微信內(nèi)置瀏覽器下拉網(wǎng)頁(yè)

    摘要：彈出層觸發(fā)時(shí)候頁(yè)面設(shè)置為高度百分百將不能滾動(dòng)設(shè)置的樣式為取消時(shí)候把樣式重置還原為最初彈出層遮罩層灰色區(qū)域點(diǎn)擊關(guān)閉遮罩層遮罩層阻止冒泡默認(rèn)事件彈出層禁止頁(yè)面彈出框彈出時(shí)候市面下拉滾動(dòng)監(jiān)聽(tīng)事件，這樣一來(lái)整個(gè)頁(yè)面將不能滾動(dòng)所以添加一個(gè)判斷你的大盒 //彈出層觸發(fā)時(shí)候頁(yè)面設(shè)置為高度百分百將不能滾動(dòng) 設(shè)置body html的樣式為overflow: hidden,height:100%//取消時(shí)...

    inapt 評(píng)論0 收藏0

  • 兼容移動(dòng)端 js彈出框實(shí)現(xiàn)微信禁止h5禁止網(wǎng)頁(yè)下拉，滾動(dòng)穿透，禁止微信內(nèi)置瀏覽器下拉網(wǎng)頁(yè)

    摘要：彈出層觸發(fā)時(shí)候頁(yè)面設(shè)置為高度百分百將不能滾動(dòng)設(shè)置的樣式為取消時(shí)候把樣式重置還原為最初彈出層遮罩層灰色區(qū)域點(diǎn)擊關(guān)閉遮罩層遮罩層阻止冒泡默認(rèn)事件彈出層禁止頁(yè)面彈出框彈出時(shí)候市面下拉滾動(dòng)監(jiān)聽(tīng)事件，這樣一來(lái)整個(gè)頁(yè)面將不能滾動(dòng)所以添加一個(gè)判斷你的大盒 //彈出層觸發(fā)時(shí)候頁(yè)面設(shè)置為高度百分百將不能滾動(dòng) 設(shè)置body html的樣式為overflow: hidden,height:100%//取消時(shí)...

    高璐 評(píng)論0 收藏0

  • js實(shí)現(xiàn)微信禁止h5網(wǎng)頁(yè)下拉，禁止微信內(nèi)置瀏覽器下拉網(wǎng)頁(yè)，附：demo

    摘要：在微信里面打開(kāi)的鏈接頁(yè)面如果沒(méi)有經(jīng)過(guò)特殊處理，下拉的話，會(huì)出現(xiàn)這樣的情況大概就是一個(gè)深灰色的背景，還有一個(gè)源站的域名。 在微信里面打開(kāi)的鏈接頁(yè)面如果沒(méi)有經(jīng)過(guò)特殊處理，下拉的話，會(huì)出現(xiàn)這樣的情況：showImg(https://segmentfault.com/img/bV37o1?w=750&h=1334); 大概就是一個(gè)深灰色的背景，還有一個(gè)源站的域名。 本人覺(jué)得這個(gè)非常丑，并且有時(shí)...

    whjin 評(píng)論0 收藏0

  • H5項(xiàng)目常見(jiàn)問(wèn)題匯總及解決方案

    摘要：解決方案可以解決在手機(jī)上點(diǎn)擊事件的延遲的模塊，事件也是為了解決在的延遲問(wèn)題顯示屏原理及設(shè)計(jì)方案說(shuō)明屏是一種具備超高像素密度的液晶屏，同樣大小的屏幕上顯示的像素點(diǎn)由個(gè)變?yōu)槎鄠€(gè)，如在同樣帶下的屏幕上，蘋(píng)果設(shè)備的顯示屏中，像素點(diǎn)個(gè)變?yōu)閭€(gè)。 原文鏈接 - https://github.com/FrontEndRo... H5項(xiàng)目常見(jiàn)問(wèn)題及注意事項(xiàng) Meta基礎(chǔ)知識(shí)： H5頁(yè)面窗口自動(dòng)調(diào)整到設(shè)備...

    marser 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

閱讀需要支付1元查看
<