Vitesse de défilement avec la position de la souris

Question

J'ai un petit problème avec la façon dont je pense un ... problème. Je veux faire quelque chose d'assez similaire avec this: lorsque vous déplacez la souris près des bords, vous verrez des images défiler plus rapidement que lorsque vous faites défiler lorsque vous avez la souris dans le milieu de la DIV. Je ne sais pas si j'ai bien expliqué, mais ... je ne sais pas comment aborder ce problème. Je suis sûr que c'est lié à mousemove mais je suppose que c'est lié aux maths. Et les maths ne sont pas mes meilleures compétences: D

Merci les gars!

Answer 1

Malheureusement, il n'y a pas grand-chose de plus à vous dire que ce que vous pouvez déjà lire dans le code source du site que vous avez relié à partir de la ligne 59. Je recommanderais probablement simplement de reproduire quelque chose de similaire dans votre propre page sandbox en utilisant ce code qu'ils ont comme ligne directrice. Supprimez simplement tout ce que vous pouvez et commencez simplement avec une seule image, liez l'événement mousemove et essayez d'obtenir des positions relatives en utilisant offset (voir jquery - offset).

C'est une jolie mise en œuvre de la nouvelle balise canvas, je ne l'ai pas encore beaucoup utilisée, alors merci de passer le lien. Je peux au moins vous offrir des liens intéressants sur le canvastag qui pourrait vous donner quelques conseils.

Answer 2

Il s'agit d'une vieille question, mais vous pouvez calculer un pourcentage basé sur la distance entre la position de la souris et les bords. Utilisez ensuite ce paramètre pour définir la vitesse de l'animation.