多jQuery滚动插件

我有jquerynicescroll设置，它在主体上运行良好，但是我希望在同一页面上有不同主题的滚动条。我有以下代码：

这是我的小提琴：

$（文档）.ready（函数（）{
$（“body”）.nicesroll（{cursorcolor:#267ec8”，cursorwidth:“10px”}）；
$（“#test”）.niceScroll（{cursorcolor:“#ffffff”，cursorwidth:“5px”}）；
});

链接：

我想要一个蓝色的滚动条，在div上我想要一个白色的更薄的滚动条。然而，在代码上面，身体上的一个正在工作，而不是div上的一个

在同一页上可以有多个吗？任何帮助都将是巨大的，我被卡住了，看不出上面有什么问题

感谢：

带“包装器”的DIV，由两个DIV组成，第一个是vieport，第二个是content：

在您的小提琴示例中，您通过以下方式调用

nicesroll

：

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

在html代码中，

.filterContainer

（内容）由

#侧栏包装器

（视口）元素进行包装

因此，您必须修改调用

nicesroll

的方式。因此，按照文件所述：

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

---

一个工作示例。

Hmm，当我正确阅读文档时，将其应用于body元素意味着在所有滚动条的主样式中使用它。你有没有试过用两个不同的div来代替一个div和body？演示有不同的颜色在家长和孩子-所以，我想说这是可能的。。。也许看看那个来源。是可能的，有一个工作的例子。您将看到它正在处理

body

和

#test

元素。在你正在编写的代码中进行修改。嗨，这是所有代码的链接，本例无效>希望大家能提供帮助，通过正文滚动条感谢其中一个，只是无法使蓝色分区中的一个正常工作：

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

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