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

Question

我用 CSS 设计了 ​​webkit 的滚动条。目前只有使用纯 CSS 的 webkit 才有可能。就目前而言，您似乎只能使用 jquery 插件，在这种情况下，我希望使用 jscrollpane。我检查了以下教程，一切正常，除了：

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

似乎$.browser不再支持 jquery 1.9。我实际上使用的是 jquery 1.10.2。我检查过，他们强烈建议使用 Modernizr 的特征检测。我有modernizr，但我读过文章但仍然不明白我需要做什么。因此，我希望创建的效果是仅当浏览器未使用 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
}