Bonjour,
J'aimerai déplacer un block suivant le scroll de la souris. J'y arrive bien avec ce code :
Mais il n'y a que mes divs qui bougent. La scrollbar ne suit pas et donc mon div descend tout seul.
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
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39 function handle(delta) { if (delta < 0){ var val = $jQ('#fond').css('margin-top'); val = val.split('p'); val = parseInt(val[0]) + 100; $jQ('#fond').css('margin-top', val+'px'); $jQ('#container').css('margin-top', val+'px'); } else{ var val = $jQ('#fond').css('margin-top'); val = val.split('p'); val = parseInt(val[0]) - 100; if(val < 0) val = 0; $jQ('#fond').css('margin-top', val+'px'); $jQ('#container').css('margin-top', val+'px'); } } function wheel(event){ var delta = 0; if (!event) event = window.event; if (event.wheelDelta) { delta = event.wheelDelta/120; if (window.opera) delta = -delta; } else if (event.detail) { delta = -event.detail/3; } if (delta) handle(delta); if (event.preventDefault) event.preventDefault(); event.returnValue = false; } /* Initialization code. */ if (window.addEventListener) window.addEventListener('DOMMouseScroll', wheel, false); window.onmousewheel = document.onmousewheel = wheel;
Pouvez vous m'aider ?
Merci
Partager