무한 스크롤로 백 버튼 구현

Question

내 사이트에 무한 스크롤을 통해로드 된 새 페이지가 있습니다. ...

http://mysite.com.com/page:1 
http://mysite.com.com/page:2 
http://mysite.com.com/page:3 

등

때 사용자가 클릭을 :

if(history.pushState) { 
    history.pushState(null, null, '/page:' + current_page); 
} 

내 URL은 다음과 같습니다마다 새로운 페이지 내가 HTML5 기반의 API를 사용하여 URL을 업데이트로드 목록의 항목 (예 : 2 쪽)을 클릭 한 다음 뒤로 버튼을 클릭하면 다음과 같이 되돌아갑니다.

http://mysite.com.com/page:2 

그러나 페이지 상단에있는 대신 그는 클릭 한 부분에 있습니다. 페이지 : 2가 맨 위에로드되었으므로로드하는 부분은 새로 페이지 3을로드하고 페이지에서 게시물을 찾습니다.

뒤로 버튼을 클릭 할 때마다 사용자가 페이지 상단으로 돌아갈 수있는 방법이 있습니까?

페이지로드시 앵커 태그 및 자바 스크립트 스크롤을 사용해 보았지만 사용자가 맨 위로 이동하기 전에 여러 번 건너 뛰기가 불가능하므로 둘 다 실행 가능하지 않습니다.

내가 본 무한 스크롤로 작동하는 백 버튼의 가장 좋은 예는 http://imgur.com이지만 어떻게 처리 할 수 ​​있는지 알 수 없습니다.

Answer 1

찾고있는 것을 수행하는 것으로 보이는 github에는 infinite-ajax-scroll이라는 라이브러리가 있습니다. history 옵션을 사용하여 초기화 할 수 있습니다. 그러면 페이지를 스크롤 할 때 URL의 해시가 업데이트됩니다. 유일한 문제는 라이브러리로 작업하기 위해 데이터를로드하는 방식을 변경해야한다는 것입니다.

jQuery.ias({ 
    .... 
    history:true, 
    .... 
}); 

당신은 또한 당신이 뭘 하려는지에 가까운 무언가를 설명 tumbledry.org에 this 블로그 게시물을 체크 아웃 할 수 있지만, 나는 그것뿐만 아니라 구현 생각하지 않습니다.