位置：固定div在iphone上打开'select'元素时移动？

Question

我的页面中有各种固定的div，如标题，导航栏等。

他们在移动设备上运行良好，直到我点击在iPhone上打开选择表单元素。

它好像标题不再固定，实际上变得更像position：absolute，它与内容一起滚动。

这尤其令人讨厌，因为当您在iPhone上打开选择时，它会稍微滚动页面以确保选项保持在视图中，因为选项会向上滑动，这意味着我的固定标题会移动。

任何人都有想法如何解决这个问题？可以使用jQuery / javascript来解决

Answer 1

大多数网络浏览器不支持CSS属性position:fixed;。我建议您使用http://jquerymobile.com/获取完整的移动UI解决方案。

*注意：据报道iOS 5和Android 4都有位置：现在支持固定支持。

Answer 2

使用下面的jquery来管理解决这个问题，它只是在选择表单元素时停止内容滚动。由于某种原因，你必须有1ms的延迟才能工作。也许这会帮助别人：

$('input, select, textarea').on('focus',function() {
    var curScroll = $(window).scrollTop();
    $('html, body').animate({scrollTop:curScroll},1);
});