通过滚动触发’查看更多’按钮
我想在我的图片库中实现无限的scolling。
默认情况下，我的图库会显示前25个图像。 我有一个’view-more’按钮，可以进行ajax调用并在前25个下面的25个图像中加载，依此类推，每次点击view-more按钮。
我想要做的是通过向下滚动页面来触发此视图更多按钮。 从按钮滚动100px将触发ajax加载事件并加载接下来的25个图像。 继续向下将触发下一个25，依此类推……
我是否需要一个无限加载脚本，如jquery.infiniteload.js，或者是否足以编写一个脚本，当向它滚动100px时触发点击操作..
我该怎么写这段代码？
好。 我试过这种方式……它有效。
HTML
... JS
$(window).scroll(function() { if($(window).scrollTop() ) if (($(window).scrollTop() + 100) >= $(document).height() - $(window).height()){ $.ajax({ url: 'images.txt', success: function(data) { $("#content").append('
'); } }); } });
它将图片加载到页面底部之前100px。 还填充来自ajax调用的数据。 该调用来自文本文件，但这无关紧要。