ios页面,软键盘弹出导致页面上移并无法恢复
最近在搞一个企业微信的项目。有一个很简单的表单页面,在测试过程中却发现:
在ios手机上,当输入框弹出软键盘后,页面会整个上移,关闭键盘页面也不能恢复原样,部分内容被隐藏显示不了。
查了一些解决方法:有取消定位;使用flex布局;还有绑定mouseout事件或者输入框blur事件,通过 window.scrollTo(0, 0)来复位。全试过了,都没用。
后来自己大概研究了下,万变不离其宗,使用了 scrollIntoView,成功解决问题:
ref.current.scrollIntoView({ block: 'end', behavior: 'smooth' })
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 地球OL攻略 —— 某应届生求职总结
· 周边上新:园子的第一款马克杯温暖上架
· Open-Sora 2.0 重磅开源!
· 提示词工程——AI应用必不可少的技术
· .NET周刊【3月第1期 2025-03-02】