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

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

 

解决办法:

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

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

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

 

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

 

posted @   Comedyy  阅读(1604)  评论(0编辑  收藏  举报
编辑推荐:
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
· AI与.NET技术实操系列:向量存储与相似性搜索在 .NET 中的实现
· 基于Microsoft.Extensions.AI核心库实现RAG应用
· Linux系列:如何用heaptrack跟踪.NET程序的非托管内存泄露
· 开发者必知的日志记录最佳实践
阅读排行:
· TypeScript + Deepseek 打造卜卦网站:技术与玄学的结合
· Manus的开源复刻OpenManus初探
· AI 智能体引爆开源社区「GitHub 热点速览」
· 从HTTP原因短语缺失研究HTTP/2和HTTP/3的设计差异
· 三行代码完成国际化适配,妙~啊~
点击右上角即可分享
微信分享提示