鍍金池/ 問答/HTML5  HTML/ 底部input總是被軟鍵盤給遮住,有沒有人遇到這種情況??

底部input總是被軟鍵盤給遮住,有沒有人遇到這種情況??

圖片描述

圖片描述

圖片描述

有時(shí)候正常,有時(shí)候不正常,使用 document.body.scrollTop = document.body.scrollHeight; ;input反而不會(huì)被頂起,有沒有大神給指點(diǎn)一下。。。感謝

鍵盤彈出時(shí), document.body.scrollHeight里面是有值的,為啥又到底部了

回答
編輯回答
單眼皮

//解決第三方軟鍵盤喚起時(shí)底部input輸入框被遮擋問題

var bfscrolltop = document.body.scrollTop;//獲取軟鍵盤喚起前瀏覽器滾動(dòng)部分的高度
$("input.inputframe").focus(function(){//在這里‘input.inputframe’是我的底部輸入欄的輸入框,當(dāng)它獲取焦點(diǎn)時(shí)觸發(fā)事件
    interval = setInterval(function(){//設(shè)置一個(gè)計(jì)時(shí)器,時(shí)間設(shè)置與軟鍵盤彈出所需時(shí)間相近
    document.body.scrollTop = document.body.scrollHeight;//獲取焦點(diǎn)后將瀏覽器內(nèi)所有內(nèi)容高度賦給瀏覽器滾動(dòng)部分高度
    },100)
}).blur(function(){//設(shè)定輸入框失去焦點(diǎn)時(shí)的事件
    clearInterval(interval);//清除計(jì)時(shí)器
    document.body.scrollTop = bfscrolltop;將軟鍵盤喚起前的瀏覽器滾動(dòng)部分高度重新賦給改變后的高度
});

[看看這個(gè)] https://blog.csdn.net/github_...

2017年5月10日 06:27
編輯回答
半心人

https://github.com/ionic-team...
試試這個(gè)插件;希望能幫到你

2017年2月15日 16:41