解决手机端input失焦后页面不还原和android软键盘出现后挤压页面问题

本文主要是介绍解决手机端input失焦后页面不还原和android软键盘出现后挤压页面问题，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

input失去焦点后使用window.scroll属性页面可以还原

手机端页面输入框失去焦点后页面不会自动还原的解决方法

$(document).ready(function () {//input框失去焦点后页面回到（0,0）$("input").on("blur",function(){window.scroll(0,0);});//textarea框失去焦点后页面回到（0,0）$("textarea").on("blur",function(){window.scroll(0,0);});
});

webapp页面在android手机上运行时，当软键盘出现后页面会发生挤压

解决代码如下

$(document).ready(function () {//解决android软键盘出现后挤压页面问题$('body').css({'height':$(window).height()});
});

这篇关于解决手机端input失焦后页面不还原和android软键盘出现后挤压页面问题的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---