在h5页面开发的时候,遇到input输入框弹起手机键盘,会把页面元素浮动从而影响布局的解决方法
绑定input的失焦事件,将页面滚动到0的位置,即可恢复页面正常布局
input_blur () {
// document.body.scrollTop = document.documentElement.scrollTop - 1
setTimeout(() => {
var scrollHeight = document.documentElement.scrollTop || document.body.scrollTop || 0
window.scrollTo(0, Math.max(scrollHeight, 0))
}, 100)
}
若有疑问,可留言!
如有帮助,可给请作者的一杯咖啡添砖加瓦: