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

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

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

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

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

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

posted @ 2022-09-22 14:42  一口吃出个大胖子  阅读(1243)  评论(0编辑  收藏  举报