title: Jquery animate scroll event?
body: <p>I have this code</p>
  
  <pre><code>$(document).scroll(function() {
      var $window = $(window);
      var position = $window.scrollTop();
  
      if(position &lt;= 2950){
          $(".lion_head").animate({right: "-100px"}, 2000);
      };
  });
  </code></pre>
  
  <p>So if I scroll from <code>2950px</code> the <code>.lion_head</code> will move <code>-100px</code> from right, What I want is when I scroll down, or scroll up, or when my scroll bar is not on <code>2950px</code>, The position of my <code>.lion_head</code> moves to its original position?</p>
  
  <p>thanks.</p>