使用jscrollpane插件造型2個不同的卷軸

我需要2個不同的CSS樣式爲2個不同的滾動條..這個插件工作完美，但它把所有的滾動條相同的CSS。使用jscrollpane插件造型2個不同的卷軸

我做什麼..

我做了管理的滾動造型的CSS和JS文件的副本，並改變了所有的類和變量名..投入前2 ..

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

其中jScrollPane222是將管理滾動＃2的.js中的函數的名稱。我將正確的類名稱放入正確的滾動二進制文件中VS（類= 「上滾動pane2」）和（類= 「滾動窗格」）..

，並參考了JS的和css

（這個CSS有樣式規則都..例如：它有.2jspContainer和2jspContainer）

它仍然是造型都與滾動窗格中的CSS規則..

你知道，如果有使用這個插件式的2滾動的方式兩種不同風格的酒吧？

謝謝你，蘇珊娜這樣的

一種方式是相當容易的是你所描述的東西，是修改你的CSS文件中的2個scrollpanes區分。例如，假設您的第一個窗格位於div，其中id的編號爲one，第二個編號位於div，其中idtwo。你可以在你的CSS有這樣的：

#one .jScrollPaneDrag{ 
    background: #f00; 
} 

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

2011-05-17 23:41:06

非常感謝你！ ..看起來這麼簡單，現在你的例子..不能相信我做了我所做的一切：S ..非常感謝你：D！ – 2011-05-17 23:54:24

回答