Question

我想测试浏览器是否支持特定的css属性属性。对于css属性，我可以像

那样做

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

但是，如果我必须检查特定的类或属性，该怎么办？例如，我想测试对

的支持

position:fixed

我怎么能这样做（除了使用Modernizr）？请帮助。

Answer 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

FIDDLE

检查对css属性属性的支持

1 个答案: