javascript - 位置：在 iphone 上打开“选择”元素时固定 div 移动？

Question

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

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

它好像标题不再固定，实际上变得更像位置：绝对，它随着内容滚动。

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

有人知道如何解决这个问题吗？可以使用jQuery/javascript来解决

Answer 1

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

*注意：据报道，iOS 5 和 Android 4 现在都具有 position:fixed 支持。

Answer 2

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

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