title: jquery divelement animates repetitivly on scroll action
body: <p>I have this function:</p>
  
  <pre><code>$(window).scroll(function(){
      if ($(this).scrollTop() &gt; 100) {
          $('.scrollup').fadeIn('slow', function() {
              $('.cartinfo').animate({'right': '+=46px'}, 'slow');
          });
      } else {
          $('.scrollup').fadeOut('slow', function() {
              $('.cartinfo').animate({'right': '-=46px'}, 'slow');
          });
      }
  });
  </code></pre>
  
  <p>The div with the class should anminate +46px if the scrollup fades in and -46 on fade out.</p>
  
  <p>But it fires the animation on every scroll action i do.</p>
  
  <p>Do you have a solution for this?</p>
  
  <p>Thank you</p>