为了账号安全,请及时绑定邮箱和手机立即绑定

IOS 键盘弹起无法触发onresize事件

IOS 键盘弹起无法触发onresize事件

浮云间 2018-11-29 22:18:51
因为设计要求,在webview里面,软键盘弹起要把位于页面最下面的元素顶起来,紧贴软键盘,测试代码如下:.test-box{    width: 300px;    height: 200px;    background-color: pink;    position: absolute;    bottom: 0;    left: 50%;    margin-left: -150px;} 这个是位于页面最下方的div元素,点击input输入框,在安卓手机中正常显示,div被顶起,紧贴软键盘,在IOS中,无论是Safari还是chrome浏览器都不能正常的显示效果。我之前的想法是,软键盘弹起触发onresize事件,计算当前页面的高度,与之前页面的高度做对比,两者之差即是软键盘的高度,然后再定位div的位置,这样也能达到在安卓手机上的效果,但是我发现在IOS中,上述两个浏览器在键盘弹起后都无法触发onresize事件,而且与安卓手机不同的是,IOS弹起键盘后,可用页面出现滚动条,但在安卓手机中没有这样的效果。所以,想请问一下知道这个问题的朋友有什么解决方案,谢谢。
查看完整描述

1 回答

?
梵蒂冈之花

TA贡献1900条经验 获得超5个赞

安卓直接fixed就可以了,键盘起来就会顶上去,其他的什么都不用设置,IOS没有resize事件,别折腾了,没用。


查看完整回答
反对 回复 2018-12-30
  • 1 回答
  • 0 关注
  • 548 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信