Fluid jQuery page transition

Question

여기 내 문제가 있습니다. jQuery를 사용하여 웹 페이지의 메인 프레임을 전환하는 웹 사이트를 디자인하고 있습니다. 색인 페이지의 높이가 450 인 배너는 다른 페이지로 이동할 때 200 픽셀로 줄어 듭니다. 메인 페이지에는 (페이지 다운에 대해) 페이지 상단으로 스크롤해야하는 버튼이 있습니다. 그런 다음 페이지가 전환됩니다. 여기서 문제는 버튼을 클릭 할 때마다 스크롤이 올라가는 동안 페이지 전환이 이루어 지므로 전환이 엉망인 것처럼 보입니다.

$('a[href=#services]').click(function(){ 
    $('html, body').animate({scrollTop:0}, 'slow').delay(1500).animate({scrollTop:0}, 'slow'); 
    $.indexClear(); 
    $.serviceSET(); 
    $.servicelinkSET(); 
    return false; 
}); 

함수 호출 모두 숨기기()와 fadeIn()과 아무것도 구성되어있다 :

여기 내 함수 호출이다. 어떤 생각? 또한 지연 기능이 제대로 작동하지 않는 것 같습니다.

Answer 1

스크롤 왼쪽/오른쪽 코드가 어디에도 보이지 않지만 콜백에서이를 수행해야하는 것처럼 들립니다. 페이지 상단에 애니메이션이 끝나면 왼쪽/오른쪽 코드를 실행하십시오.

$('element').animate({scrollTop: 0}, function() { 
    //callback is called when first animation finishes 
    $('element2').animate({left: 100}); 
});