iOS 5固定定位和虚拟键盘

内容来源于 Stack Overflow,并遵循CC BY-SA 3.0许可协议进行翻译与使用

  • 回答 (2)
  • 关注 (0)
  • 查看 (14)

我有一个移动网站,其中有一个div钉在屏幕底部通过位置:固定。在iOS 5(我正在iPodTouch上进行测试)中,所有的功能都很好,直到我在一个有表单的页面上。当我点击一个输入字段,虚拟键盘出现时,我的div的固定位置突然丢失。只要键盘是可见的,div就会随页滚动。一旦我点击完成关闭键盘,div恢复到它在屏幕底部的位置,并遵循位置:固定规则。

提问于
用户回答回答于

var el = document.getElementById('someInputElement');
function blurInput() {
    window.scrollTo(0, 0);
}
el.addEventListener('blur', blurInput, false);
用户回答回答于

我的申请中有这个问题。我就是这么做的:

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

我只是滚动到顶部,并将其定位在那里,这样iOS用户就不会注意到有什么奇怪的事情发生了。

扫码关注云+社区