Discussion :

[Tychoblood]

Bonjour tout le monde, et tout d'abord bonne année !

Alors voilà mon problème, je chercherais un plugin de scroll à la souris : je vous donne un site comme exemple : http://fromtheroughmovie.com/#!/desk/dispatch/

J'ai cherché différents plugins, pour essayer d'avoir le même résultat
( http://scripterlative.com/files/cursorpagescroll.htm par exemple ), mais impossible (lag lors du déplacement de la souris, scroll qui ne s'effectue qu'avec le curseur au bord de la fenêtre...

De même j'ai essayé de décrypter le JS du 1er site, mais plus de 800ko (!!) de JS, c'est assez costaud, et même si j'ai déniché quelques pistes, j'aimerais avoir votre aide.

Voilà si quelqu'un à déja eu à faire ce genre de plugin, ou me mettrait sur la voie (2 jours de recherche assez intensive).
Je dois avouer qu'au niveau JS et math, ce n'est pas trop mon truc.

Merci d'avance

[NoSmoking]

Bonsoir,
le principe est simple
- récupération de la position de la mouse
- suivant la position de celle ci scroll du document

bien sûr il peut y avoir plus ou moins sophistiqué comme déplacement

[Bovino]

Ceci dit, je trouve ça particulièrement désagréable comme ergonomie...

[SpaceFrog]

totalement pas navigable
C'est de l'anti ergonomie pure, fait avoir du temps à perdre

[Tychoblood]

J'avoue que c'est un système assez spécial, mais c'est pour une navigation sur une carte de 4000px de large, avec système de scrollTo() sur liens et autres.
Si le client demande, on n'a malheureusement pas tout le temps la possibilité de l faire revenir à la raison.
Il faut avouer quand même que ça change de style de navigation et puis si le sujet est à même d'être traité de cette façon, pourquoi pas.
Clairement je ne le ferais pas sur un site "normal"

@NoSmoking
Je dois avouer avoir testé ce principe, mais malheureusement le scroll s'effectue en partie, et non sur toute la page.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
 
 
var coordY =e.clientY;
var coordX= e.clientX;
 
// var coordY =e.pageY;
// var coordX= e.pageX;
 
$.scrollTo(  coordY, { axis:'y' });
$.scrollTo(  coordX, { axis:'x' });

Avec le e.clientY ou X , ca scroll bien, mais juste sur la largeur de la fenetre client (normal quoi)

Logiquement avec le e.pageY ou X, j'aurais tendance à penser avoir le même résultat,mais sur la page entière, malheureusement non : je me retrouve bloqué en bas à droite de l'écran.
J'imagine qu'il manque quelque chose mais quoi...

[Bovino]

Si le client demande, on n'a malheureusement pas tout le temps la possibilité de l faire revenir à la raison.

Mouais... heureusement que les architectes n'ont pas les mêmes raisonnements, sinon, il y aurait un paquet de maisons bancales !
Sincèrement, le spécialiste, c'est toi ou le client ?
Il faut savoir lui expliquer que ce qu'il veut, c'est pas terrible !
A la rigueur un scroll à la souris mais contrôlé (lié à l'appui du bouton) passe encore, mais lié juste à la position de la souris, c'est à faire fuir tous tes visiteurs !