固定位置似乎只在 IE10 Mobile 中像绝对位置一样工作答案

【问题标题】：Position fixed seems to work like position absolute in IE10 Mobile ONLY固定位置似乎只在 IE10 Mobile 中像绝对位置一样工作
【发布时间】：2013-11-27 12:16:04
【问题描述】：

我的页面右上角有一个 div，如下所示：

position: fixed; top: 10px; right: 25px;

这适用于除 IE10 Mobile 之外的所有浏览器和设备，在这里它的行为就像绝对位置在任何其他浏览器上的行为一样。

在下面的屏幕截图中，您可以看到它在大多数浏览器上的显示方式：

以下屏幕截图显示了位置：绝对行为。（和 IE10 Mobile 一样）

【问题讨论】：

我测试过：IE9、IE10、IE10 Mobile、Android Chrome、Chrome、Firefox、Safari、iOS Safari。它只发生在 IE10 Mobile

标签： css windows-phone-8 internet-explorer-10

【解决方案1】：

显然，这是一个微软仍未解决的错误。这个问题有一个解决方法（不是很好）

首先检测IE10 Mobile浏览器（有几种方法可以做到这一点，所以我不会发布这个位）。然后对于这个浏览器，应用这部分javascript：

$(window).scroll(function() {
  var scrollTop = $(window).scrollTop();
  var allFixed = $('*').filter(function() {
     return $(this).css('position') == 'fixed';
  });
  allFixed.each(function() {
     $(this).detach();
     $('body').append($(this));
     var top = parseInt($(this).css('top'), 10) + scrollTop;
     $(this).css({ 'top': top+'px' });
    });
});

【讨论】：

【解决方案2】：

您可能缺少“身高”声明。请看这个How to make a fixed div in IE10 Mobile?。希望对您有所帮助。

【讨论】：

感谢您的回答，但不，我已经设置了高度。