Javascript 向下滚动时隐藏项目

Question

我是 Node 和 JavaScript 方面的新手。我需要实现无限滚动，而无需在向下滚动时加载更多数据。我想要做的是加载所有数据一次，然后对它们应用类，这样当我向下滚动时，它会取消隐藏一些项目...

是否有一个插件(我能找到的都涉及进行ajax调用)

请告诉我是否已经有这样的模块可用。

如果不是那么实现它的最佳方法是什么？

提前致谢

Answer 1

我能够使用这个逻辑得到我想要的东西，我希望它能帮助其他人，如果他们处于类似的情况，这里列出了jquery代码

$(window).scroll(function () {
     if ($(window).scrollTop() + $(window).height() == $(document).height() && $(".main > .hidden").length > 0) {
         i = 0;
         while (i < 2) {
             $('.main > .hidden').first().fadeIn(800).removeClass('hidden').addClass('shown');
             i++;
         };
         alert($('.main > .hidden').last())
     }
 });

对于标记代码，请尝试 fiddle .