<div class="write_message">
<input id="writeVal" type="text" value="" />
<span>发送</span>
</div>
js解决---(微信内置浏览器浏览H5页面弹出的键盘遮盖文本框的解决办法 )
$(function() {
//微信内置浏览器浏览H5页面弹出的键盘遮盖文本框的解决办法
window.addEventListener("resize", function() {
if(document.activeElement.tagName == "INPUT" || document.activeElement.tagName == "TEXTAREA") {
window.setTimeout(function() {
document.activeElement.scrollIntoViewIfNeeded();
}, 0);
}
})
})
js解决---(普通移动端浏览器页面)
https://blog.csdn.net/deeplies/article/details/74388061(移动端虚拟键盘遮挡页面输入框等元素的解决方案)
主要介绍了两个API:Element.scrolltoView(),Element.scrollIntoViewIfNeeded()