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

資訊專欄INFORMATION COLUMN

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

inapt / 3740人閱讀

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

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

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

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

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

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

轉(zhuǎn)載請注明本文地址：http://m.specialneedsforspecialkids.com/yun/109094.html

相關(guān)文章

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

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

    robin 評論0 收藏0

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

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

    高璐 評論0 收藏0

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

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

    whjin 評論0 收藏0

  • H5項目常見問題匯總及解決方案

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

    marser 評論0 收藏0

發(fā)表評論

0條評論

最新活動
閱讀需要支付1元查看
<