Question

我想为我糟糕的英语道歉，我希望你能理解我想要的东西：

我最近在我的网站malossane.fr/sqf/上使用了插件jquery'jScrollPane'。一切都很好，但我似乎无法做出我想要的唯一一点改变。事实上，这个想法非常简单，但我的css脚本级别非常糟糕。

刚才，我有类似的东西：http：//malossane.fr/usb-file-723

我想要这样的事情：What i want

实际上，我希望.jspDrag大于宽度为5px的.jspVerticalBar。但如果我为垂直条放置5px的宽度，.jspDrag宽度也变为5px，但我希望他保持在16px。

有人能帮助我吗？非常感谢，添

Answer 1

有几种可能的解决方案：

您可以在.jspTrack上使用背景图片，这是您需要的宽度，例如。
```
.jspTrack
{
    background: #fff url(/path/to/image.png) repeat-y 5px 0;
}
```
这种方式即使通过.jspTrack，.jspDrag的宽度也会使它看起来不那么宽。

您可以尝试在.jspDrag上使用负边距将其拉出.jspTrack，例如

.jspVerticalBar .jspTrack
{
    width: 5px;
    background: #c4c4c4;
}
.jspVerticalBar .jspDrag
{
    margin: 0 -5px;
    width: 15px;
    background: #363636
}

您可以使用left代替负边距。

这两种解决方案都未经过测试，但它们应该给你一个良好的开端......

Answer 2

我对该插件了解不多，但我可以给你一个解决方案将.jspVerticalBar的颜色设置为透明或与背景颜色相同的颜色并在.jspVerticalbar上放置另一个垂直条（假的......），使其看起来像你想要的那样

使用CSS的jScrollPane主题

2 个答案: