gpt4 book ai didi

jquery - Modernizer 特征检测

转载 作者:行者123 更新时间:2023-11-28 13:10:44 26 4
gpt4 key购买 nike

我必须使用 modernizer 来检测浏览器是否支持“cssscrollbar”属性,true 或 false。基于这个值,我必须做一些事情,比如添加插件和 CSS。

我正在使用下面这样的东西,我不知道:

var frag = document.createDocumentFragment();
for ( prop in Modernizr ) {
var para = document.createElement('p');
para.textContent = prop + ': ' + Modernizr[ prop ];
frag.appendChild( para );
}

document.body.appendChild( frag );

检查 fiddle我指的是什么。

最佳答案

Modernizr.addTest('cssscrollbar', function() {

// Tested Element
var test = document.createElement('div'),

// Fake body
fake = false,
root = document.body || (function () {
fake = true;
return document.documentElement.appendChild(document.createElement('body'));
}()),

property = 'scrollbar{width:0px;}';

// Force scrollbar
test.id = '__sb';
test.style.overflow = 'scroll';
test.style.width = '40px';

// Apply scrollbar style for all vendors
test.innerHTML = '&shy;<style>#'+Modernizr._prefixes.join(property+' #__sb::').split('#').slice(1).join('#')+property+'</style>';

root.appendChild(test);

// If css scrollbar is supported, than the scrollWidth should not be impacted
var ret = test.scrollWidth == 40;

// Cleaning
document.body.removeChild(test);
if (fake) {
document.documentElement.removeChild(root);
}
return ret;
});

如果你添加这个,那么你将拥有对 modernizer 的 cssscrollbar 支持......

关于jquery - Modernizer 特征检测,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15564481/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com