thème JScrollPane avec CSS

Question

Je veux présenter mes excuses maintenant pour mon mauvais anglais, je l'espère, vous comprendrez ce que je veux:

J'ai récemment utilisé le plugin jquery « JScrollPane » sur mon site malossane.fr/sqf/. Tout va bien, mais je ne pouvais pas faire le seul petit changement que je voulais. En fait, c'est très simple dans l'idée, mais mon niveau de script css est très mauvais.

Tout à l'heure, j'ai quelque chose comme ça: http: //malossane.fr/usb-file-723

Et je veux quelque chose comme ça: What i want

En fait, je veux le .jspDrag être plus grand que le .jspVerticalBar qui devrait avoir une largeur de 5px. Mais si je mets une largeur de 5px pour la barre verticale, la largeur .jspDrag devient aussi de 5px bien que je veuille qu'il reste à 16px.

Quelqu'un peut-il m'aider? Thanx beaucoup, Tim

Answer 1

il y a deux solutions possibles:

1. vous pouvez utiliser une image de fond sur la .jspTrack qui est la largeur que vous exiger et centré, par ex.

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

   De cette façon, même à travers la .jspTrack est la largeur de la .jspDrag il est de fond lui donne une apparence moins large.

2. Vous pouvez essayer d'utiliser des marges négatives sur le .jspDrag pour le tirer en dehors du .jspTrack.

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

   Peut-être que vous pouvez utiliser left au lieu de la marge négative.

sont non testés Ces deux solutions, mais ils devraient vous donner un bon départ ...

Answer 2

Je ne sais pas beaucoup sur ce plugin mais je peux donner une solution ua définir la couleur de .jspVerticalBar à transparent ou même couleur que celle de fond et mettre une autre barre verticale (faux .. un) droit sur la .jspVerticalbar de sorte qu'il semble que ce que vous voulez