安卓中键盘弹起,input输入框被键盘遮挡
程序员文章站
2022-05-31 13:17:32
...
问题:安卓手机点击输入框,键盘弹起挡住输入框,看不到输入内容
解决方案:
主要是监听页面高度变化,并将input框滚动到视口内
// 记录原有的视口高度
const originalHeight = document.body.clientHeight || document.documentElement.clientHeight;
window.onresize = function(){
var resizeHeight = document.documentElement.clientHeight || document.body.clientHeight;
if(resizeHeight < originalHeight ){
// 恢复内容区域高度
let container = document.getElementById("container")
container.style.height = originalHeight;
// 记录input 位置
let offtop = document.getElemet
}
}