jquery 스크롤 후 애니메이션

Question

애니메이션을 스크롤 한 후 또는 어떤 메뉴 링크를 클릭해도 로고가 움직 이도록 트레이닝하고 있지만 작동하지 않습니다.

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

을 한 후, 로고 애니메이션, 창문의 위치 변경, 난이 만든 경우 :

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

나는 간단한 예제를 썼다. 아마도 도움이 될 것이다.

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

Answer 3

: 왜 나를 위해 일하지만, 애니메이션의 반응이 매우 느리다 모르겠어 ... 스크롤하는 동안 작동하는 스크롤은 여기에 있습니다. 스크롤하는 동안 움직일 수있는 플러그인이 하나 있습니다. Jquery Scrolling Plugins

Answer 4

당신이해야하는 : 당신이 ScrollTo 플러그인 및 OnAfter 기능을 사용할 수 있습니다/

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