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

这对我有用