使用 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;
}

这对我有用