Un peu d'aide pour modifier un script
Bonjour à tous et à toutes!
Je viens à vous car je galère avec un script. A la base c'était un script pour menu flottant avec un petit effet easing. J'ai modifié quelques valeurs pour donner un effet de glissement des objets quand on scroll.
Mais je rencontre un petit problème, je suis tout à fait débutant en JS. J'ai passé un peu de temps dessus à essayer de comprendre le script, il n'est pas très compliqué. J'ai trouvé ce qui cloche, mais j'ignore comment éviter ce problème (je vous l'explique juste après le code)
Code:
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
40
41
| <script>
//config
$float_speed=1500; //milliseconds
$float_easing="easeOutQuint";
$menu_fade_speed=500; //milliseconds
$closed_menu_opacity=0.75;
$fl_menu=$("div.fl_menu");
$fl_menu_menu=$("div.fl_menu .menu");
$fl_menu_label=$("div.fl_menu .label");
$(window).load(function() {
menuPosition=$('div.fl_menu').position().top;
FloatMenu();
$fl_menu.hover(
function(){ //mouse over
$fl_menu_label.fadeTo($menu_fade_speed, 1);
$fl_menu_menu.fadeIn($menu_fade_speed);
},
function(){ //mouse out
$fl_menu_label.fadeTo($menu_fade_speed, $closed_menu_opacity);
$fl_menu_menu.fadeOut($menu_fade_speed);
}
);
});
$(window).scroll(function () {
FloatMenu();
});
function FloatMenu(){
var scrollAmount=$(document).scrollTop()/3.4;
var newPosition=menuPosition+scrollAmount;
if($(window).height()<$fl_menu.height()+$fl_menu_menu.height()){
$fl_menu.css("top",menuPosition);
} else {
$fl_menu.stop().animate({top: newPosition}, $float_speed, $float_easing);
}
}
</script> |
Mon problème c'est que je veux utiliser ce même script pour plusieurs objets simultanément. Ils n'auront pas forcément le même positionnement. Or ici:
Code:
1
2
| $(window).load(function() {
menuPosition=$('div.fl_menu').position().top; |
Il définit le positionnement des div.fl_menu (les objets qui flottent) avec top. J'aimerais qu'il ne leur assigne pas un positionnement. Et que donc, quand on est ou qu'on revient en position initiale, les objets retrouvent leur petit positionnement propre. J'ai essayé de virer ce positionnement mais bien sûr ça fait tout bugger!...
Je sais pas si ce que je souhaite entraine de longues modifications du script, ou si c'est juste un ligne. Si vous pouviez me donner un petit coup de pouce, je vous en serais très reconnaissant!
Merci d'avance à toutes les âmes charitables qui se pencheront sur mon problème!:calim2:
