title: Execute scrollTop animation on $(window).scroll with jquery
body: <p>I am trying to move the slide once every time that I make scroll in the page. But scroll event doesn't stop and repeat the event. How can I make an animation to move to the next slide color with scrollTop inside <code>$(window).scroll</code> just once for every time? See my <a href="http://jsfiddle.net/7j35882g/1/" rel="nofollow">Fiddle</a></p>
  
  <p>And this is the piece of code which doesn't work :(</p>
  
  <pre><code>$('html, body').animate({
      scrollTop: ($(next).offset().top)
  },500);
  </code></pre>
  
  <p>My target is something like that <a href="http://www.sincedilla.com/" rel="nofollow">http://www.sincedilla.com/</a></p>