移动端H5网页,表单过长,点击文本框,弹起软键盘,顶部固定导航上移(苹果手机会出现此问题)

一个html5移动端网页,表单超过一屏的高度时,点击文本框,弹起软键盘,顶部固定的header导航栏会被顶起,且随着一起滚动,无法定位在顶部。苹果手机上都会出现此问题,如何解决。

可以通过user-agent判断客户端是苹果还是别的,如果是苹果,应用特别的css补丁,避免这个问题。比如说隐藏掉一些无关的内容,缩小字体等等