ios5 - iOS 5 固定定位和虚拟键盘

Question

我有一个移动网站，它有一个通过position:fixed固定在屏幕底部的div。在 iOS 5 中一切正常(我正在 iPod Touch 上进行测试)，直到我进入带有表单的页面。当我点击输入字段并出现虚拟键盘时，我的 div 的固定位置突然丢失了。现在，只要键盘可见，div 就会随页面滚动。一旦我单击完成关闭键盘，div 就会恢复到屏幕底部的位置并遵守位置:固定规则。

还有其他人经历过这种行为吗？这是预期的吗？谢谢。

Answer 1

我的应用程序中遇到了这个问题。以下是我的解决方法:

input.on('focus', function(){
    header.css({position:'absolute'});
});
input.on('blur', function(){
    header.css({position:'fixed'});
});

我只是滚动到顶部并将其放置在那里，因此 iOS 用户不会注意到发生任何奇怪的事情。将其包含在某些用户代理检测中，以便其他用户不会出现此行为。