Question

我需要为2个不同的滚动条提供2种不同的css样式..这个插件工作得很完美，但它为所有滚动条添加了相同的CSS。

我做了什么..

我复制了管理滚动样式的css和js文件，并更改了所有的类和变量名称..将2放在前面..

然后..在index.html ..我初始化了 $（document）.ready（function（）{$（'。scroll-pane2'）。jScrollPane222（）; $（'。scroll-pane'）。jScrollPane（）; ...

其中jScrollPane222是将管理滚动＃2的.js中函数的名称。我将正确的类名放在正确的滚动div（class =“scroll-pane2”）和（class =“scroll-pane”）中..

引用了js和css

（这个css有两个样式规则..例如：它有.2jspContainer和2jspContainer）

它仍然使用滚动窗格的css规则设置样式..

你知道是否有办法使用这个插件来设置2个不同风格的滚动条？

谢谢你，苏珊娜

Answer 1

执行此操作的一种方法是更简单地修改您的css文件，以区分2个滚动窗格。例如，假设您的第一个窗格位于div id one之内，而第二个窗格位于div id two 。你可以在你的css中有这个：

#one .jScrollPaneDrag{
    background: #f00;   
}

#two .jScrollPaneDrag{
    background: #0f0;   
}