내 페이지 탐색이 ScrollTo()가 올바른 페이지에없는 이유는 무엇입니까? (jQuery)

Question

나는 현재 내 포트폴리오에서 작업하고 있으며 방문자가 페이지를 탐색 할 수 있도록 ScrollTo jQuery 플러그인을 사용하고 있습니다. 모든 작업이 가능하지만 이전 페이지와 같이 하나의 페이지에서 다른 페이지로 스크롤 할 수있는 링크를 구현하고 싶었습니다. 모든 페이지에서 다른 링크를 사용해야합니다.

나는 또한 작동하지만 어떻게 든 잘못된 페이지에 잘못된 링크를 보여줍니다. 예 : 페이지 2에는 페이지 1의 링크가 있고 페이지 3에는 페이지 2의 링크가 있습니다. 그리고 해당 링크를 다시 클릭하면 링크가 올바른 링크로 변경됩니다.

당신은 여기에서 확인할 수 있습니다 : http://machimedia.nl/portfolio/

이 내가 사용하는 기능입니다 :

function reloadPageNav(){ 
var section1Top = 0; 
// The top of each section is offset by half the distance to the previous section. 
var section2Top = $('#portfolio').offset().left - (($('#aboutme').offset().left - $('#portfolio').offset().left)/2); 
var section3Top = $('#aboutme').offset().left - (($(document).width() - $('#aboutme').offset().left)/2);; 

if($(document).scrollTop() >= section1Top && $(document).scrollTop() < section2Top){ 
    $('nav#homenav').delay(1000).fadeIn(800); 
} else if ($(document).scrollTop() >= section2Top && $(document).scrollTop() < section3Top){ 
    $('nav#portfolionav').delay(1000).fadeIn(800); 
} else if ($(document).scrollTop() >= section3Top){ 
    $('nav#aboutmenav').delay(1000).fadeIn(800); 
} } 

가 그리고 a.link을 클릭하면 링크가 pagenav를 클릭 할 때마다 있도록이라고 다시 그려진다. 나는 이것을 위해 다음과 같은 함수를 사용했다.

$('a.link').click(function() { 
    $('#wrapper').scrollTo($(this).attr('href'), 1500); 
    //setPosition($(this).attr('href'), '#cloud1', '0px', '400px', '800px', '1200px') 
    //setPosition($(this).attr('href'), '#cloud2', '0px', '800px', '1600px', '2400px') 
    $('a.link').removeClass('selected'); 
    $(this).addClass('selected'); 

    $('nav.next').fadeOut(500); 
    $('nav.prev').fadeOut(500); 
    reloadPageNav(); 
    homeNav(); 
    return false; 

}); 

여러분 중 누구라도 나를 도와 주시면 감사하겠습니다. 미리 도움을 청하십시오.)

Answer 1

확인. 한 가지만 보지만 모든 것이 고쳐질 지 확신 할 수 없습니다.

클릭 이벤트 처리기를 아래의 코드로 변경하십시오. reloadPageNav 함수를 설정하는 방법은 이미 새 위치로 스크롤 한 것으로 가정합니다. 하지만 scrollTo는 비동기로 실행됩니다 ... 그래서 아마 그 시간까지 완료되지 않을 것입니다. 아래 코드에서는 reloadPageNav를 scrollTo ... 콜백 함수로 이동하므로 스크롤이 완료 될 때까지 호출되지 않습니다.

$('a.link').click(function() { 
    $('#wrapper').scrollTo($(this).attr('href'), 1500, {onAfter: function(){reloadPageNav();}}); 
    $('a.link').removeClass('selected'); 
    $(this).addClass('selected'); 

    $('nav.next').fadeOut(500); 
    $('nav.prev').fadeOut(500); 
    homeNav(); 
    return false; 

});