本文主要是介绍解决手机端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软键盘出现后挤压页面问题的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!