我想测试浏览器是否支持特定的 css 属性。对于 CSS 属性,我可以这样做
document.createElement("detect").style["-webkit-overflow-scrolling"] === ""
但是如果我必须检查特定的类或属性怎么办。例如,我想测试对
position:fixed
我该怎么做(除了使用 Modernizr)?请帮忙。
我想测试浏览器是否支持特定的 css 属性。对于 CSS 属性,我可以这样做
document.createElement("detect").style["-webkit-overflow-scrolling"] === ""
但是如果我必须检查特定的类或属性怎么办。例如,我想测试对
position:fixed
我该怎么做(除了使用 Modernizr)?请帮忙。
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