ios键盘遮挡输入框问题
Posted codecz6
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了ios键盘遮挡输入框问题相关的知识,希望对你有一定的参考价值。
/**
* @description: 输入框焦点
* @param *
* @return *
*/
focusField()
const activeElement = document.activeElement;
let offsetTop = activeElement.offsetTop;
let offsetParent = activeElement.offsetParent;
if (activeElement === document.body)
return;
while (offsetParent !== document.body)
offsetTop += offsetParent.offsetTop;
offsetParent = offsetParent.offsetParent;
// console.log("clientHeight", document.body.clientHeight);
// console.log(offsetTop); // 距离最外层body的高度
const viewTop = document.querySelector(".content").offsetTop;
// console.log(viewTop);// content距离最外层body的高度
document.querySelector(".container").scrollTop = offsetTop - viewTop - 50;
// console.log(document.querySelector(".container").scrollTop);
,
以上是关于ios键盘遮挡输入框问题的主要内容,如果未能解决你的问题,请参考以下文章
Android WebView加载页面的输入框被软键盘遮挡的问题
iOS webview html5 移动端 软键盘弹起遮挡输入框
[Cordova/Phonegap] Cordova iOS 应用在第三方输入法的键盘弹出(点击输入框)时,页面不上移,导致输入框被键盘遮挡 的解决办法