使用jquery-jScrollpane插件更改滚动条的背景颜色

Question

我正在使用jquery-jScrollpane插件。使用该插件如何将滚动条的背景颜色更改为透明，将不同颜色的拖动栏更改为橙色？

感谢。

Answer 1

你可以修改插件附带的css

.jScrollPaneTrack {
    background: transparent;
} /* or just remove the background property*/

.jScrollPaneDrag {
    background: red;
}

或使用js

$('.jScrollPaneTrack').css('background','transparent');
$('.jScrollPaneDrag').css('background','red');

Answer 2

您可以使用此CSS更改红色背景：

.jspVerticalBar{
 background-color: transparent;
}

然后重新声明你自己的背景：

.jspTrack{
 background:url(../img/scroll_bar.png) 0 0 repeat-y transparent;
}
.jspDrag{
 background: url(../img/scroll.png) 0 0 no-repeat transparent;
}

这对我有用