Android微信内置浏览H5页面,因为其中的文本输入框(input)放置在靠近页面的中下方,点击文本框以后,则输入框会被弹出的手机输入法键盘遮盖住。
找到一段js代码直接解决之,点击时强制滚动之,好像也解决了在Android浏览器下浏览的同样问题。
1 if(/Android [4-6]/.test(navigator.appVersion)) { 2 window.addEventListener("resize", function() { 3 if(document.activeElement.tagName=="INPUT" || document.activeElement.tagName=="TEXTAREA") { 4 window.setTimeout(function() { 5 document.activeElement.scrollIntoViewIfNeeded(); 6 },0); 7 } 8 }) 9 }