Bonjour à tous,

Cela fait deux jours que je bute sur une fonction JS que je n'arrive pas à formuler correctement pour que ca marche, je décide donc de faire appel à vos lumières.

Ce que je veux faire:

Au scroll et après le passage d'une div portant un ID "section5", j'aimerai que ma fonction (ici "animateProgressBar") se lance et seulement quand j'arrive à ce niveau de la page et non pas au chargement (c'est ce qui se passe actuellement).

Voici le code que j'ai utilisé:

function animateProgressBar(el, width){
  el.animate(
      {width: width}, 
      {
          duration: 2000,
          step: function(now, fx) {
              if(fx.prop == 'width') {
                  el.html(Math.round(now * 100) / 100 + '%');
              }
          }
      }        
  );    
}
$('.progressBar').each(function(){
 animateProgressBar($(this).find("div"), $(this).data("width")) 
});

Merci beaucoup par avance pour votre aide ! =)