位置：在iPhone上打开“选择”元素时，固定的divs是否移动？

Question

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

它们在移动设备上可以正常工作，直到我单击以在iPhone上打开选择表单元素。

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

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

任何人都知道如何解决此问题？ 可以使用jQuery / javascript解决

Answer 1

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

*注意：据报道，iOS 5和Android 4都具有位置：现在已修复支持。

Answer 2

通过使用下面的jquery来解决此问题，选择表单元素时它只是停止了内容滚动。 由于某种原因，您必须使其延迟1毫秒才能工作。 也许这会帮助其他人：

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