jquery滚动后动画

Question

我正在trailing动画滚动动画后或当我点击任何菜单链接，但它不工作的标志动画。

我得到了生命的这段代码滚动：

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(); 
      }); 
     }); 

然后，动画标志，如果Windows位置变化，我做了这个：

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的例子

但是这不起作用，根本不起作用。

一些指导表示赞赏。提前Tks。

Answer 1

注意：console.log会导致脚本在Firefox中崩溃。

另外，真正的问题是您需要在动画上使用.stop（）。它似乎不断运行动画。

Answer 2

我写了一个简单的例子，也许会帮助你。它为我工作，但动画的反应是相当慢......不知道为什么：/

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

Answer 3

可以使用ScrollTo插件和OnAfter功能：

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

Answer 4

你必须在任何工作滚动到插件这里是一个插件动画滚动Jquery Scrolling Plugins