jScrollPane 主题与 CSS

发布于 2024-09-29 20:27:36 字数 426 浏览 9 评论 0原文

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

我最近在我的网站 malosane.fr/sqf/ 上使用了插件 jquery 'jScrollPane'。一切都很好，但我似乎无法做出我想要的唯一的小改变。其实思路很简单，只是我的css脚本水平很差。

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

我想要类似的东西：我想要的

事实上，我希望 .jspDrag 比宽度应为 5px 的 .jspVerticalBar 更大。但是，如果我为垂直条设置 5px 的宽度，则 .jspDrag 宽度也变为 5px，尽管我希望他保持在 16px。

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

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

半岛未凉 2024-10-06 20:27:36

有几种可能的解决方案：

您可以在 .jspTrack 上使用背景图像，这是您需要的宽度并居中，例如
<前><代码>.jspTrack
{
背景：#fff url(/path/to/image.png) 重复-y 5px 0;
}
这样，即使 .jspTrack 是 .jspDrag 的宽度，它的背景也会使其看起来不那么宽。
您可以尝试在 .jspDrag 上使用负边距将其拉到 .jspTrack 之外，例如
<前><代码>.jspVerticalBar .jspTrack
{
宽度：5px；
背景：#c4c4c4；
}
.jspVerticalBar .jspDrag
{
边距：0 -5px；
宽度：15 像素；
背景：#363636
}
也许您可以使用 left 而不是负边距。

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

There are a couple of possible solutions:

You could use a background image on the .jspTrack which is the width you require and centered e.g.
```
.jspTrack
{
    background: #fff url(/path/to/image.png) repeat-y 5px 0;
}
```
This way even through the .jspTrack is the width of the .jspDrag it's background makes it look less wide.

You could try using negative margins on the .jspDrag to pull it outside the .jspTrack e.g.

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

Possibly you could use left instead of the negative margin.

Both of these solutions are untested but they should give you a good start...

回复收藏 0 原文