HTML에서 무한 스크롤 이미지 페이지를 만드는 방법은 무엇입니까?

Question

안에 몇 개의 이미지를 넣고 스크롤없이 (위아래로, 오른쪽에서 왼쪽으로) HTML 페이지를 만들고 싶습니다 (이미지는 스스로 반환합니다).

여기에 대한 좋은 예는 MacDonalds Favourites입니다.

페이지의 높이를 계산하는 js 코드를 작성하려고했는데 이제 페이지 끝까지왔다 - 그는 맨 위로 스크롤했다.

$(window).scroll(function() { 
    if($(window).scrollTop() + $(window).height() > $(document).height() - 100) { 
     window.scrollTo(0,0); 
    } 
}); 

Answer 1

무한 스크롤 방법은 당신이 무엇을 유사한 jQuery를, 호출 않습니다 보면 그것에게 회전 목마를 제공하기 위해 이미지 요소에 스냅을 사용하는 것이 좋습니다 것입니다 무한 스크롤 와 iscroll 사용해보십시오 여기에 썼다. 그러나 표시 할 추가 데이터를 가져오고 싶을 것입니다.이 데이터는 다양한 방법으로 수행 할 수 있습니다.

이미 jQuery를 사용하고 있으므로 해당 라이브러리의 .ajax() 메소드를 사용하는 것이 좋습니다. https://api.jquery.com/jQuery.ajax/

:

$.ajax({ 
    url: "http://your-url-here.com/extra-content.html", 
}).done(function(html) { 
    $("#results").append(html); 
}); 

는 아약스 방법에 대한 자세한 내용은 jQuery를 워드 프로세서를 참조하십시오

Answer 2

것은 난 당신이 또한 이 http://iscrolljs.com/#infinite-scrolling