1

特定の css プロパティ属性がブラウザーでサポートされているかどうかをテストしたいと考えています。CSSプロパティの場合、次のようにできます

document.createElement("detect").style["-webkit-overflow-scrolling"] === ""

しかし、特定のクラスまたは属性を確認する必要がある場合はどうでしょう。たとえば、次のサポートをテストしたい

position:fixed

どうすればそれを行うことができますか (Modernizr を使用する以外に)? 助けてください。

4

1 に答える 1

1
function isFixedSupported() {
  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;
}

var canUseFixed = isFixedSupported(); //true:false

フィドル

于 2012-04-18T14:20:39.283 に答える