如何以通用方式检测位置缺失：固定？

Question

在iPad等移动设备上，我想禁用仅在支持position:fixed时才有效的功能。有没有一种方法可以在不使用用户代理字符串的情况下检测这些设备？原因是我想尽可能避免搜索 iPad、iPhone、iPod、Android 等。

Answer 1

运行以下函数来测试 position:fixed 支持。

function () {
  var isSupported = null;
  if (document.createElement) {
      var el = document.createElement("div");
      if (el && el.style) {
          el.style.position = "fixed";
          el.style.top = "10px";
          var root = document.body;
          if (root && root.appendChild && root.removeChild) {
              root.appendChild(el);
              isSupported = el.offsetTop === 10;
              root.removeChild(el);
          }
      }
  }
  return isSupported;
}

来自 http://kangax.github.com/cft/#IS_POSITION_FIXED_SUPPORTED

Answer 2

Opera Mini 上也会返回误报。

为什么不简单地在某个元素上设置一个position:fixed，然后将其读回？如果position:fixed不支持返回值，理论上不应该等于fixed，

这在Opera Mini上不起作用：你可以将position设置为“fixed”，即使它不是，它也会读为“fixed”支持。