[jquery] Animazione che si ripete on scroll

[Synthz]

Salve a tutti,
sto creando una pagina web e voglio far si che quando si scrolla fino ad un certo punto parta una semplice animazione in Jquery che sposti un elemento.
Il problema è che l'animazione viene eseguita più volte (ho notato che più si scrolla in basso più l'animazione viene eseguita), io invece la voglio eseguire solo una volta, cosa c'è di sbagliato nel codice?

$(document).ready(function(){
    $(window).scroll(function(){
        if ($(window).scrollTop() > 200){
                $( "#outer:nth-child(2) #center img:nth-child(1)" ).animate({
                  opacity: 0.25,
                  left: "+=50",
                }, 2000, function() {
                });
        }
    });
});

Se volete vedere con i vostri occhi, il sito è questo (scrollate fino all'img del telefono).
Grazie

[KillerWorm]

Ciao, un modo è quello di usare una semplice variabile booleana come flag sulla condizione.

$(document).ready(function(){
  var flag;
  $(window).scroll(function(){
    if ($(window).scrollTop() > 200 && !flag){
      flag = true;
      $( "#outer:nth-child(2) #center img:nth-child(1)" ).animate({
        opacity: 0.25,
        left: "+=50",
      }, 2000, function() {
      });
    }
  });
});

[cavicchiandrea]

Prova questa
$(document).ready(function(){
$(window).scroll(function(){
if ($(window).scrollTop() > 200 ||$(window).scrollTop() < 210){
$( "#outer:nth-child(2) #center img:nth-child(1)" ).stop().animate({
opacity: 0.25,
left: "+=50",
}, 2000, function() {
});
}
});
});

[Synthz]

Grazie mille ad entrambi! Ho provato le 2 soluzioni e funzionano alla grande, grazie ancora!