Question

我有一个php / html页面站点，由4个div列组成。其中所有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将scroll事件绑定到四个Ajax调用来快速而简单地进行操作，但效率非常低。

特别是如果它检查所有四列，即使您知道某个列已用完新内容。

理想情况下，您应将所有四个调用合并为一个，然后相应地拆分响应。

如果没有看到更多代码，我真的无法提供太多帮助，但这应该是一个起点。

无限滚动多列？

1 个答案: