移动端手机键盘收起后页面不会复原

刚刚被这个问题折腾到了,问题主要出现在苹果手机,安卓机不会。这个涉及到归位问题。

 

解决办法:

内容输入后(input失焦后)使用window.scroll属性将页面归位到(0,0)即可解决

$("input").on("blur",function(){
    window.scroll(0,0);
});

这种情况容易出现在IOS的登录页面等等一系列让键入内容的功能

 

在IOS中发生这种情况,JS排查无效的情况下,还有可能就是因为position样式问题,可以通过fixed,absolute以及relative进行debug。

 

posted @ 2019-11-07 23:18  Comedyy  阅读(1632)  评论(0)    收藏  举报