Javascript 检查对css属性的支持
我想测试浏览器中是否支持特定的css属性。对于css属性,我可以像Javascript 检查对css属性的支持,javascript,jquery,css,cross-browser,Javascript,Jquery,Css,Cross Browser,我想测试浏览器中是否支持特定的css属性。对于css属性,我可以像 document.createElement("detect").style["-webkit-overflow-scrolling"] === "" 但是,如果我必须检查某个特定的类或属性,该怎么办呢。例如,我想测试对的支持 position:fixed 我怎样才能做到这一点(除了使用Modernizer)?请帮忙 function isFixedSupported() { var isSupported = null
document.createElement("detect").style["-webkit-overflow-scrolling"] === ""
但是,如果我必须检查某个特定的类或属性,该怎么办呢。例如,我想测试对的支持
position:fixed
我怎样才能做到这一点(除了使用Modernizer)?请帮忙
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
你至少可以链接到我已经使用了很长一段时间,但不记得我第一次在哪里得到它,但我认为它不在那里,可能是其他100个具有此功能的网站之一,比如在这里,所以经过一点搜索:。如果它起源于Kangax,我不知道,可能?还有另一个版本,谷歌搜索会给出1600万个类似功能的结果。不,在chrome中为我返回
?是的,我在身体里有任何东西之前就检查过了:|如果我在身体里放些东西并运行这个,效果很好。:)你至少可以链接到我已经使用了很长一段时间,不记得我第一次在哪里得到它,但我不认为它在那里,可能是其他100个具有此功能的网站之一,比如在这里,所以经过一点搜索:。如果它起源于Kangax,我不知道,可能?还有另一个版本,谷歌搜索会给出1600万个类似功能的结果。不,在chrome中为我返回
?是的,我在身体里有任何东西之前就检查过了:|如果我在身体里放些东西并运行这个,效果很好。:)