我正在尝试 Modernizr 并尝试在其中编写测试以检查浏览器是否支持 css 属性。
我在这里写的是“溢出-y:自动”
Modernizr.addTest('overflowauto', function(){
var bool = false;
var testProp = "overflow-y";
var testVal = "auto";
var styles = Modernizr._prefixes.join(testProp + ":" + testVal + "; ");
var ret = true;
ret = Modernizr.testStyles('#modernizr { '+styles+' }', function(elem, rule){
for(var i = 0; i < Modernizr._prefixes.length; i++) {
bool = (window.getComputedStyle ?
getComputedStyle(elem, null) :
elem.currentStyle)[Modernizr._prefixes[i] + testProp] == testVal;
if(bool) break;
}
return bool;
});
return ret;
});
如果支持,这应该将 Modernizr.overflowauto设置为 true。
但问题是,这总是回归真实。:(
即使在不支持 overflow-y:auto 的 android < 3 中,它也会返回 true。请告诉我我做错了什么或如何实现我正在尝试的东西。请帮忙。