En utilisant jScrollPane, le bloc de déplacement ne va pas au bas de la barre de défilement

Question

J'ai déjà utilisé jScrollPane mais j'ai du mal à le faire correctement cette fois. Je l'utilise dans deux pages du site, et sur les deux le bloc glisser (boîte orange, dans mon cas) n'atteint jamais le bas de la piste de défilement. J'ai essayé un certain nombre de choses en jouant avec les marges et le remplissage, mais je n'arrive pas à le faire réagir.

Je garderai le code hors de la publication uniquement parce qu'il est probablement plus facile de simplement utiliser Firebug, mais s'il vous plaît commentez si vous avez besoin de plus d'informations.

Les deux pages, il se produit sur sont http://juisebox.com/fmg/index.php/work-with-us/contracts et http://juisebox.com/fmg/index.php/news-and-media/publications

Answer 1

La hauteur de jscrollpanedrage n'est pas réglé correctement.

Réduire la hauteur de cela, il fait défiler jusqu'à botton. à travers firebug je l'ai fait 20px, il pourrait faire défiler vers le bas.

La façon dont vous définissez la div a un problème.

Answer 2

En fait, le comportement de jScrollPane est correct et attendu lorsqu'il définit la hauteur du glissement. En effet, comme avec les barres de défilement natives, la hauteur du glissement est proportionnelle à la quantité de contenu à faire défiler. Si vous souhaitez corriger la hauteur du glisser et remplacer ce comportement, utilisez les propriétés du paramètre dragMinHeight et dragMaxHeight (définissez-les toutes les deux sur 16px dans votre exemple) si vous utilisez jScrollPane version 1. Si vous utilisez la version 2 (recommandé), alors s'il vous plaît voir cet exemple:

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