如果不是webkit，则应用滚动窗格

Question

我用CSS设计了webkit的滚动条。目前，只有webkit才能使用纯CSS。对于其余的部分，现在似乎只能使用jquery插件，在这种情况下，我希望使用jscrollpane窗格。我检查了下面的tutorial，一切都正常，除了：

$(document).ready(function () {
          if (!$.browser.webkit) {
              $('.container').jScrollPane();
          }
      });

从jQuery1.9开始，$.browser似乎不再受支持。我实际上使用的是jquery 1.10.2。我检查过了，他们强烈建议使用来自现代的特征检测。我有现代化工具，但是我读了很多文章，仍然不明白我需要做什么。因此，我希望创建的效果是，只有当浏览器没有使用webkit时，才会应用jscrollpane窗格。有没有人能帮我一下？

Answer 1

只需检查Modernizr.cssscrollbar属性即可。

这将填充属性：

Modernizr.addTest("cssscrollbar",function(){var a,b="#modernizr{overflow: scroll; width: 40px }#"+Modernizr._prefixes.join("scrollbar{width:0px} #modernizr::").split("#").slice(1).join("#")+"scrollbar{width:0px}";return Modernizr.testStyles(b,function(b){a="scrollWidth"in b&&b.scrollWidth==40}),a})

然后你就可以使用它了

if (!Modernizr.cssscrollbar) {
  //activate plugin
}