成人无码视频,亚洲精品久久久久av无码,午夜精品久久久久久毛片,亚洲 中文字幕 日韩 无码

資訊專欄INFORMATION COLUMN

在iOS設(shè)備下，h5的input框失焦后頁(yè)面被頂起來(lái)一部分bug解決

xiguadada / 1501人閱讀

摘要：在之后，的框失焦后頁(yè)面會(huì)出現(xiàn)被頂上去一部分的下面就來(lái)看下怎么解決這個(gè)，首先我們必須知道這兩個(gè)方法軟鍵盤(pán)彈起事件軟鍵盤(pán)關(guān)閉事件。

在iOS12之后，h5的input框失焦后頁(yè)面會(huì)出現(xiàn)被頂上去一部分的bug,下面就來(lái)看下怎么解決這個(gè)bug，首先我們必須知道這兩個(gè)方法focusin(軟鍵盤(pán)彈起事件)、focusout(軟鍵盤(pán)關(guān)閉事件)
。
注意：這里的input框的位置是在頁(yè)面的底部

廢話不多說(shuō)，直接上代碼
//解決iOS軟鍵盤(pán)彈起把頁(yè)面頂起來(lái)一部分的bug

    var u = navigator.userAgent;
    var flag;
    var myFunction;
    var isIOS = !!u.match(/(i[^;]+;( U;)? CPU.+Mac OS X/);
    if(isIOS){
        document.body.addEventListener("focusin", () => {  //軟鍵盤(pán)彈起事件
            flag=true;
            clearTimeout(myFunction);
        })
        document.body.addEventListener("focusout", () => { //軟鍵盤(pán)關(guān)閉事件
            flag=false;
            if(!flag){
                myFunction = setTimeout(function(){  
                    window.scrollTo({top:0,left:0,behavior:"smooth"})//重點(diǎn)  =======當(dāng)鍵盤(pán)收起的時(shí)候讓頁(yè)面回到原始位置(這里的top可以根據(jù)你們個(gè)人的需求改變，并不一定要回到頁(yè)面頂部)
                    
                },200);
            }else{
                return
            }
        })
    }else{
        return
    }

看到評(píng)論可能有很多人不知道這個(gè)bug怎么來(lái)的，請(qǐng)看下面的截圖

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

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

相關(guān)文章

  • 解決IOS中input失焦后，頁(yè)面上移，點(diǎn)擊不了問(wèn)題

    摘要：在失焦后，發(fā)現(xiàn)的頁(yè)面會(huì)停止不下來(lái)，并且頁(yè)面上的輸入框，按鈕點(diǎn)擊事件，全部都移位了，需要滑動(dòng)一下才可以正常。 IOS在Input失焦后，發(fā)現(xiàn)body的頁(yè)面會(huì)停止不下來(lái)，并且頁(yè)面上的輸入框，按鈕點(diǎn)擊事件，全部都移位了，需要滑動(dòng)一下才可以正常。 showImg(https://segmentfault.com/img/bVbnN8b?w=471&h=485); showImg(https:/...

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

  • 前端系列——與眾不同的移動(dòng)端底部固定欄 fixed、absolute 兼容 iOS 和 Androi

    摘要：底部定位為的情況下激活輸入框時(shí)，底部不會(huì)彈出來(lái)合理。后遺癥底部按鈕和輸入框區(qū)域一起隨著滾動(dòng)，不再置頂獨(dú)立。當(dāng)滾動(dòng)區(qū)域超過(guò)一屏幕時(shí)，底部輸入框定位出現(xiàn)錯(cuò)亂。傳統(tǒng)解決辦法通常將底部設(shè)置為，當(dāng)激活輸入框的時(shí)候，將底部定位改為，即可兼容和。 相信我，我分享的和你在其他博客上看到的終極方案是如此的與眾不同！ 做過(guò)移動(dòng)端開(kāi)發(fā)的同學(xué)，對(duì)底部DOM定位出現(xiàn)的各種奇葩情況已經(jīng)深惡痛絕了吧，底部DOM設(shè)置...

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

  • ios12中遇到的帶input彈窗的錯(cuò)位問(wèn)題

    摘要：?jiǎn)栴}描述使用定位的彈窗，在的系統(tǒng)里，軟鍵盤(pán)調(diào)起后，頁(yè)面整體上移，當(dāng)軟鍵盤(pán)消失時(shí)，視覺(jué)上頁(yè)面已經(jīng)回到原始位置，但其實(shí)彈窗的焦點(diǎn)位置仍在軟鍵盤(pán)調(diào)起時(shí)的位置。 問(wèn)題描述： 使用fixed定位的彈窗，在ios12的系統(tǒng)里，軟鍵盤(pán)調(diào)起后，頁(yè)面整體上移，當(dāng)軟鍵盤(pán)消失時(shí)，視覺(jué)上頁(yè)面已經(jīng)回到原始位置，但其實(shí)彈窗的焦點(diǎn)位置仍在軟鍵盤(pán)調(diào)起時(shí)的位置。 解決辦法： 這也是參考某位大佬的解決辦法 documen...

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

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

0條評(píng)論

閱讀需要支付1元查看
<