2010-10-30 66 views
2

我现在想道歉,我的英语不好,我希望你能明白我想要什么:JScrollPane的主题与CSS

我最近使用该插件的jQuery“JScrollPane的”在我的网站malossane.fr/sqf/。一切都很好,但我似乎无法做出我想要的唯一小变化。实际上,这个想法非常简单,但是我的css脚本级别非常糟糕。

刚才,我有类似的东西:HTTP://malossane.fr/usb-file-723

,我想这样的事情:What i want

事实上,我想.jspDrag大于宽度为5px的.jspVerticalBar。但是,如果我把垂直条的宽度设置为5px,则.jspDrag宽度也会变成5px,但我希望他保持在16px。

有人能帮助我吗? 感谢名单了很多, 添

回答

2

有几个可能的解决方案:

  1. 你可以在.jspTrack使用背景图片是你的宽度要求和例如,

    .jspTrack 
    { 
        background: #fff url(/path/to/image.png) repeat-y 5px 0; 
    } 
    

    这种方式甚至通过.jspTrack.jspDrag的宽度,它的背景使它看起来不那么宽。

  2. 您可以尝试使用.jspDrag上的负边距将其拉到.jspTrack之外,例如,

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

    可能您可以使用left而不是负边距。

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

+0

THX很多关于这些问题的答案 – 2010-10-30 11:15:26

0

我不知道很多关于插件,但我可以给UA解决方案 .jspVerticalBar的颜色设置为透明或相同的颜色作为背景 ,并把另一个竖线(假。一个)有权在.jspVerticalbar,这样它看起来你想要什么