jQuery Utilisation d'un curseur et de liens fléchés pour créer une barre de défilement horizontale personnalisée

Question

J'ai fait beaucoup de progrès à ce sujet, mais il y a une partie qui me manque et il semble que cela devrait être simple.

J'ai un div horizontal et je me sers quelque chose de similaire à ceci: http://www.switchonthecode.com/tutorials/using-jquery-slider-to-scroll-a-div

Mais je veux aussi inclure des flèches sur le côté afin que l'utilisateur peut déplacer le curseur en cliquant sur les flèches. Le curseur déplacerait 20% de sa largeur totale chaque fois qu'il a été cliqué.

Tout semble bien se passer uniquement en utilisant le curseur ou en utilisant uniquement les flèches. Le problème semble être que je ne peux pas obtenir un nombre précis pour la position du curseur si je commence à mélanger et faire correspondre en faisant glisser le curseur et en passant ensuite aux flèches. Puisque les maths sont erronées, le curseur ne le fera pas jusqu'au bout ou ira trop loin après le curseur div contenant.

Est-ce que quelque chose comme ceci existe déjà ou existe-t-il un moyen plus facile de le faire?

Merci

Answer 1

Vous a publié ce billet depuis très longtemps, mais j'aimerais peser et suggère d'utiliser un indicateur global de garder une trace de la position de l'élément coulissant. De cette façon, que les utilisateurs utilisent les flèches ou la barre de défilement, les fonctions auront accès au même numéro de départ.

Juste une pensée!