2010-10-30 63 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,這樣它看起來你想要什麼