Plugin Scroll jQuery

Question

J'ai simplement inclus jQuery jScrollPane plugin dans ma page et il semble fonctionner correctement, sauf un petit problème. Je veux diminuer la taille (hauteur) de l'onglet scrollBar (où nous cliquons pour faire glisser la barre de défilement vers le haut et vers le bas). J'ai joint l'instantané actuel de celui-ci comme vous pouvez voir combien de temps il est. Sur le site d'exemple, il se montre bien.

Src: http://jscrollpane.kelvinluck.com/themes/lozenge/

Note: Je parle de la zone de couleur foncée sur l'instantané.

Answer 1

Si vous voulez réduire la taille de l'élément « drag » il y a des propriétés que vous pouvez passer dans le plug-in pour le faire. S'il vous plaît voir cet exemple:

http://jscrollpane.kelvinluck.com/drag_size.html

Answer 2

La hauteur de l'élément sombre est calculée dynamiquement en fonction du contenu et de la taille de la vitre.

vous souhaitez Dans le JScrollPane js besoin d'ajuster le calcul des verticalDragHeight

Rechercher ...

verticalDragHeight = 1/percentInViewV * verticalTrackHeight; 

Le problème est, si vous ne modifiez ce qu'il pourrait (et probablement) affecter l'affichage de la barre de défilement dans certaines circonstances. Par exemple, vous n'avez pas besoin d'une barre de défilement si le contenu du volet est plus petit que la taille du volet droit? Ajuster le verticalDragHeight pourrait effectuer cette détermination. Juste au cas où j'aurais mal compris la question, vous définissez la hauteur de votre volet droit? I.e. ...

.scroll-pane 
{ 
    height: 200px; 
}