ios页面,软键盘弹出导致页面上移并无法恢复

最近在搞一个企业微信的项目。有一个很简单的表单页面,在测试过程中却发现:

在ios手机上,当输入框弹出软键盘后,页面会整个上移,关闭键盘页面也不能恢复原样,部分内容被隐藏显示不了。

查了一些解决方法:有取消定位;使用flex布局;还有绑定mouseout事件或者输入框blur事件,通过 window.scrollTo(0, 0)来复位。全试过了,都没用。

后来自己大概研究了下,万变不离其宗,使用了  scrollIntoView,成功解决问题:

ref.current.scrollIntoView({ block: 'end', behavior: 'smooth' })

posted @   一口吃出个大胖子  阅读(1391)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 地球OL攻略 —— 某应届生求职总结
· 周边上新:园子的第一款马克杯温暖上架
· Open-Sora 2.0 重磅开源!
· 提示词工程——AI应用必不可少的技术
· .NET周刊【3月第1期 2025-03-02】
点击右上角即可分享
微信分享提示