檢查對css屬性屬性的支持

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