jqueryスクロール後にアニメーションを作成する

Question

アニメーションをスクロールした後、またはメニューリンクをクリックしてもロゴをアニメーション化するのが苦労していますが、動作しません。

私はアニメーションのために、このコードのスクロールました：

jQuery(document).ready(function(){ 
jQuery(window).bind('scroll',function(){ 
     var wscroll = jQuery(this).scrollTop(); 
     if(wscroll > 500){ 
      jQuery('#logo').delay(800).animate({ 
        left:'+48px' 
        }); 
      }else if(wscroll < 500){ 
       jQuery('#logo').animate({ 
        left:'-250px' 
        }); 
       } 
       console.log(wscroll); 
     }); 

}); 

Here is例

：ロゴをアニメーション化し、その後、

jQuery(function() { 
      jQuery('a').bind('click',function(event){ 
       var $anchor = jQuery(this); 

       jQuery('html, body').stop().animate({ 
        scrollTop: jQuery($anchor.attr('href')).offset().top 
       }, 2000,'easeInOutExpo'); 

       event.preventDefault(); 
      }); 
     }); 

は、窓の位置の変更ならば、私はこの作られましたしかし、これは動作していない、まったくではありません。

ガイダンスがあります。 Tksは事前に。

Answer 1

注：console.logは、Firefoxでスクリプトをクラッシュさせます。

また、実際の問題は、アニメーションで.stop（）を使用する必要があることです。それはアニメーションを継続的に実行しているようです。

Answer 2

私は簡単な例を書いて、多分お手伝いをします。

$(...).scrollTo('SomeWhere', 1600, {onAfter:function(){ 
    //Your code 
} }); 

Answer 3

：それは私のために働いたが、アニメーションの反応は非常に遅いです...なぜを知りませんプラグインにプラグインする作業プラグインは、スクロール時にアニメートするプラグインですJquery Scrolling Plugins

Answer 4

あなたはどのなければなりません：あなたはScrollToプラグインとOnAfter機能を使用することができます/

http://jsfiddle.net/pVHwY/1/