H5输入框在输入信息的时候 页面会变形 并且在页面不变形的时候 键盘会遮挡 输入框的解决办法
Posted lzk318
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了H5输入框在输入信息的时候 页面会变形 并且在页面不变形的时候 键盘会遮挡 输入框的解决办法相关的知识，希望对你有一定的参考价值。
$(document).ready(function () { $(‘body‘).css({‘height‘:$(window).height()})});//这行是解决输入框在输入信息弹出键盘后页面变形
$(function () {
//微信内置浏览器浏览H5页面弹出的键盘遮盖文本框的解决办法
window.addEventListener("resize", function () {
if (document.activeElement.tagName == "INPUT" || document.activeElement.tagName == "TEXTAREA") {
window.setTimeout(function () {
document.activeElement.scrollIntoViewIfNeeded();
}, 0);
}
})
})
以上是关于H5输入框在输入信息的时候 页面会变形 并且在页面不变形的时候 键盘会遮挡 输入框的解决办法的主要内容，如果未能解决你的问题，请参考以下文章