다중 열에 대한 무한 스크롤?

Question

4 개의 div 열로 구성된 단일 php/html 페이지 사이트가 있습니다. 4 명 모두가 MySQL 데이터베이스의 특정 테이블에서 결과를 가져오고 있으며 모두 상당히 오래되었습니다. 무한 스크롤 솔루션을 사용하기로 결정했지만, 문제점은 내가 찾은 모든 스크립트가 결과가 추가되는 단일 div 만 스크롤하는 것입니다.

그래서 나는 약간의 커스터마이징이 가능할 것이라고 생각했기 때문에 여러 개의 열에서 사용할 수 있어야합니다. 나는 이것을 가라 앉히기로 결정했다 : https://github.com/tournasdim/PHP-infinite-scrolling. 값을 변경하고 여러 소스를 추가 한 다음 다른 div에 추가하려고 시도했지만 어떻게해야합니까?

이 custom_jquery.js에서입니다 :

$.ajax({ 
dataType : "html" , 
url: "jquery-loadMoreComments.php?lastComment="+ $(".postedComment:last").attr('id') , 
success: function(html) { 
doMouseWheel = 1 ; 
if(html){ 
$("#postedComments").append(html); 
//console.log("Append html--------- " +$(".postedComment:first").attr('id')); 
//console.log("Append html--------- " +$(".postedComment:last").attr('id')); 
$("#last").remove(); 
$("#postedComments").append("<p id='last'></p>"); 
$('div#loadMoreComments').hide(); 
}else{  
$('div#loadMoreComments').replaceWith("<center><h1 style='color:red'>End of countries !!!!!!!</h1></center>"); 

당신이 하나를 수행하는 방법에 대한 제안 사항이 있습니까?

통찰력을 주시면 감사하겠습니다.

또 다른 스크립트가 이상없이 작동하거나 수정할 필요가없는 스크립트를 알고 있다면 환영합니다.

저는 현재 CodeIgniter를 사용하여 데이터베이스에서 결과를 가져 와서 페이지에 표시하지만, 간단한 페이지이기 때문에 CodeIgniter 없이도 할 수 있습니다.

Answer 1

다른 이벤트 ID를 사용하여 스크롤 이벤트를 4 개의 Ajax 호출에 바인딩하면 매우 빠르고 효율적으로 처리 할 수 ​​있지만 매우 비효율적입니다.

특히 새 콘텐츠가 부족하다는 것을 알고있는 경우에도 네 개의 열 모두를 검사하면.

이상적으로 네 개의 모든 호출을 하나로 결합한 다음 이에 따라 응답을 분할해야합니다.

더 많은 코드가 없어도 나는별로 도움이되지 않지만 그 점을 출발점으로 삼아야합니다.