Bonjour à tous,
Je débute en Javascript et je souhaiterai effectuer un déplacement du navigateur (sur un site ayant un largeur de 6000px) en fonction du passage de la souris sur les bords du navigateur. J'arrive à réaliser l' objectif principal mais il y a encore de nombreux défauts...
Notamment celui d'annuler le scrolling si le curseur sort de la zone permettant de scroller;
J'ai fais un code qui ressemble à ceci:
Comme je débute, j'aimerai savoir si je fais fausse route ou pas, car je pensais brièvement au responsive design et je me dis que ça va être compliquer avec mon clientX...
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21 var a = 0; $('html,body').on('mousemove',function(e){ if(e.clientX>1300){ if(a<4000){ a+=10; $('body,html').animate({ scrollLeft:a },100,'linear'); $('#special').html(a); } } if(e.clientX<200){ if(a>0){ a-=10; $('body,html').animate({ scrollLeft:a },100,'linear') $('#special').html(a); } } });
De plus, j'ai lu sur certains forums, qu'il valait mieux modifier le css plutôt que le scrollLeft. Qu'en pensez vous?
Merci d'avance pour vos conseils.
Partager