Bonjour, je viens vers vous car j'ai un problème de comptabilité entre deux scripts sur mon site web.
Sans plus attendre, voici les scripts : (Il s'agit d'un script SmoothScroll en premier et un autre pour faire disparaitre un logo au bout de 100px scrollé)
Pour voir le problème de vos propres yeux, aller sur http://www.bouguygraph.com (soyez gentil, c'est ma modique fierté car j'ai tout fait tout seul ! :p)
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
40 // SCROLL DOUX $(document).ready(function(){ // au clic sur un lien $('a[href^="#"]').on('click', function(evt){ // bloquer le comportement par défaut: on ne rechargera pas la page evt.preventDefault(); // enregistre la valeur de l'attribut href dans la variable target var target = $(this).attr('href'); // le sélecteur $(html, body) permet de corriger un bug sur chrome et safari (webkit) $('html, body') // on arrête toutes les animations en cours .stop(true) //on fait maintenant l'animation vers le haut (scrollTop) vers notre ancre target (-20 pixels pour que ça respire) .animate({scrollTop: $(target).offset().top-20}, 1000 ); }); }); // FIN SCROLL DOUX // DISPARITION LOGO MENU var hauteurScroll = 100; // XXX, c'est le nombre de pixels à partir duquel on déclenche le tout $(function(){ $(window).scroll(function () {//Au scroll dans la fenetre on déclenche la fonction if ($(this).scrollTop() > hauteurScroll) { //si on a défile de plus de XXX (variable "hauteur) pixels du haut vers le bas $('#logo_menu').stop(true).animate({top:-400},"fast");// On slide vers le haut $('#logo_miniature').stop(true).animate({top:0},"slow"); // On slide vers le bas } else { $('#logo_menu').stop(true).animate({top:0},"slow"); // ON slide vers le bas $('#logo_miniature').stop(true).animate({top:-60},"slow"); } }); }); //FIN DISPARITION LOGO MENU
Cliquez sur un des boutons du menu, vous verrez que la div "logo_menu" semble être bloquée tant que le scroll n'est pas fini et c'est justement ça que je voudrais résoudre...
Avez-vous une solution ? Merci à vous !
Partager