클릭하면 div가 다음으로 스크롤되도록 변경 하시겠습니까?

Question

3 페이지로 구성되어 있으며 여기에서 ScrollTo를 사용하여 탐색합니다. 내가 겪고있는 문제는 페이지 2가 정적 페이지가되어야하지만 페이지 1과 페이지 3은 스크롤 될 때 아약스 호출을 실행해야한다는 것입니다. 시간 ttp://jsfiddle.net/xYaPF/

간단한 솔루션은 이런 일을 수행하는 것입니다 :

내가 여기 jsfiddle이 http://jsfiddle.net/UaGjs/506/을하지만 제대로 호출되는 Ajax를 확인하는 방법을 볼 수없는 이유는 무엇입니까?

감사

Answer 1

moveRight.click(function(evt) { 
    $('#Mpage').scrollTo('#Right', 500); 
     //Do your ajax call for page 3 
    $.ajax(
     //your parameter 
    ) 

}); 

moveLeft.click(function(evt) { 
    $('#Mpage').scrollTo('#Left', 500); 

     //Do your ajax call for page 1 
    $.ajax(
     //your parameter 
    ) 

}); 

UPDATE 내가 다시 홈 페이지로 이동하려면 어떻게

WORKING DEMO

$(function(){ 
    $('#Mpage').scrollTo('#MainPage', 0); 
    });  


    $(function(){ 

     var moveRight = $('#main_nav a.next'); 
     var moveLeft = $('#main_nav a.prev'); 

     var flag=true; 
     moveRight.click(function(evt) { 
      if(flag){ 
      $('#Mpage').scrollTo('#Right', 500); 
       flag=false; 
      } 
      else{flag=true; 
       $('#Mpage').scrollTo('#MainPage',500); 
      } 

     }); 

     moveLeft.click(function(evt) { 
      if(flag){ 
      $('#Mpage').scrollTo('#Left', 500);flag=false; 
      } 
      else 
      {flag=true; 
      $('#Mpage').scrollTo('#MainPage',500); 
      } 



     });