多jQuery niceScroll插件

Question

我有jQuery niceScroll设置，它在身体上工作很好，但是我希望在同一页面上有不同的主题滚动条。我有以下代码：

这是我的小提琴：http://jsfiddle.net/JPA4R/135/

 <script>
  $(document).ready(function () {
    $("body").niceScroll({cursorcolor:"#267ec8", cursorwidth:"10px"});
    $("#test").niceScroll({cursorcolor:"#ffffff", cursorwidth:"5px"});
  });
 </script>

链接：http://areaaperta.com/nicescroll/

身体，我想有一个蓝色滚动条，在div，我有，我希望滚动条是白色和更薄。但是，在上面的代码中，身体上的代码是工作的，而div上的代码是不工作的？

是否有可能在同一页上有多个？任何帮助都会很好，我被困住了，看不出上面有什么问题。

谢谢

Answer 1

来自文档

1. 带有“包装器”的DIV，由两个DIV组成，第一个是vieport，后者是内容：

$(document).ready(

  function() { 

      $("#viewportdiv").niceScroll("#wrapperdiv",{cursorcolor:"#00F"});

  }

);

以您的小提琴为例，您这样称呼niceScroll：

$(".filterContainer").niceScroll({
    cursorcolor: "#ffffff",
    cursorwidth: "5px"
}); 

在html代码中，.filterContainer(内容)是由#sidebar-wrapper(viewport)元素包装的。

因此，您必须修改niceScroll的调用方式。因此，按照文档的说法：

$("#sidebar-wrapper").niceScroll(".filterContainer",{
    cursorcolor: "#ffffff",
    cursorwidth: "5px"
});  

这里是一个有用的例子。