Javascript 向下滚动时隐藏项目

标签 javascript node.js express hogan.js

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

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

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

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

提前致谢

最佳答案

我能够使用这个逻辑得到我想要的东西,我希望它能帮助其他人,如果他们处于类似的情况,这里列出了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 .

关于Javascript 向下滚动时隐藏项目,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24437546/

相关文章:

javascript - 如何在两个图像之间添加空间?

javascript - Node.js/Express.js 应用程序仅适用于端口 3000

javascript - 找不到模块 '../build/Release/bson' ] 代码 : 'MODULE_NOT_FOUND' } js-bson: Failed to load c++ bson extension, 使用纯 JS 版本

node.js - Sequelize 将多个查询数据发送到页面

javascript - 在 webpack 构建后保留 Flow 类型

javascript - 持续的 JavaScript 测试

node.js - 如何打破 Nodejs 中包含 if 语句的 For 循环

javascript - 使用 Node.js 抓取 JavaScript 生成的网站

javascript - 在对象上 react 映射,然后在数组上 react

javascript - NodeJs 和 ExpressJs 无法设置 Cookie