问题标签 [infinite-scroll]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
2 回答
1782 浏览

javascript - 以一定速度滚动时,砌体和无限滚动打破布局

我有一个流体宽度主题,我正在使用 jQuery Masonry 和 Infinite Scroll。问题是,如果您以一定的速度(不太快也不太慢)滚动页面,可能会导致网格中断。我只在 Firefox 中看到了两列:

屏幕布局

有谁知道为什么会这样?我知道这可能是很多事情,但如果有人有这方面的经验并且知道发生了什么,那将有很大帮助。

更新:中断发生在页面上的最后一个帖子之后。后面的那些是由无限滚动的回调生成的。

0 投票
7 回答
54945 浏览

javascript - 无限滚动jQuery插件

我正在尝试在我正在使用 Coldfusion 开发的网站上设置无限滚动,我是 javascript 和 jquery 的新手,所以我遇到了一些问题。为了使用无限滚动插件,我是否需要在我的网站上进行分页,或者有没有办法做到这一点?

0 投票
1 回答
4206 浏览

jquery - 无法让 jQuery Masonry + Infinite Scroll 在 Safari 和 Chrome 中工作

嗨,我正在尝试使用 jQuery Masonry 和 Infinite scroll 设置一个站点,但我似乎无法让它在 OSX 上的 Chrome 或 Safari 中工作。

开发网站是http://bit.ly/hYJ3Cq

我在控制台中没有收到任何 javascript 错误。

我尝试过的事情:

  • 在砌体 div 中设置图像宽度/高度
  • 使用较旧的 jquery 库
  • 将 js 移动到头部而不是页脚
  • 将 type="text/javascript" 添加到脚本标签
  • 验证 html
  • 在 jQuery(window).load( 和 jQuery(document).ready(

这是我正在使用的代码,它与运行良好的演示代码非常相似:

任何帮助将不胜感激。

0 投票
1 回答
931 浏览

jquery - 将内容添加到无限滚动

好的,所以我在一个项目中使用了 wordpress 无限滚动插件:

http://www.infinite-scroll.com/

一切正常,但我想在每个页面之前加载一个 div,其中包含页码和指向网站顶部的锚链接。我在 php 方面尝试了很多东西,但这个插件似乎抓取了单个帖子,所以我添加的任何内容都会发布到每个帖子,而不是页面顶部。所以我去了 javascript 端并正在寻找加载内容的点,以便我可以在它前面添加一个 div。

我很确定这是行:

有没有办法在 .load() 方法中添加一些 html?

对此的任何帮助将不胜感激。

0 投票
1 回答
350 浏览

jquery - 有没有一种类似于延迟加载延迟加载图像的方式来动态显示 DIV 的方法

如何隐藏 DIV 直到它滚动到?

我想加快几个大背景图片的加载速度,因为这些不是 IMG 元素,延迟加载并不是一个真正的选择。我考虑的其他事情包括将我的页面分成三个部分并使用无限滚动插件并用 z-index 中较低的 IMG 替换背景图像。

非常感谢!

0 投票
1 回答
2383 浏览

jquery - 如何在我想要的网页中使用无限滚动?

我正在使用无限滚动 jQuery 插件来实现类似 Twitter 的分页功能。现在,当我单击更多链接时,请求会发送到服务器,并以 HTML 形式给出响应。首先我尝试使用 jQuery 模板,后来我更改了所有内容,因为我在网上没有发现使用 JSON 来做这件事。

好吧,现在我有一个问题,只有代码不会将响应附加到页面上的现有内容。它只是发送请求,从不附加到文档的现有模型中。

插件演示:http://www.infinite-scroll.com/trigger.html

我想要这样的代码

我需要当用户点击更多链接时,更多的'li'来自响应并附加到结果'ul'中的'li'。

0 投票
1 回答
3036 浏览

javascript - 将 Tumblr 无限滚动与另一个脚本一起使用

我在这里使用 cody sherman 的 javascript 代码:http: //codysherman.com/tools/infinite-scrolling/code

我还使用一个简单的 jquery 脚本来动态更改保存 tumblr 帖子的 div 的背景图像。

jquery 代码工作正常,但是当无限滚动脚本更新为新帖子时,我需要一种方法来再次调用该函数。我猜是他们互相交谈的一种方式。

你可以在这里看到页面:http: //hypergeography.tumblr.com/ (它还没有使用无限滚动。但它确实有改变背景图像的脚本。)

任何帮助,将不胜感激。

0 投票
0 回答
841 浏览

internet-explorer - 怪癖模式下的IE无限滚动错误

所以这个一直难倒我。我需要的是一个绝对定位的容器,它带有一个将其固定到页面底部的 css 表达式(以补偿在模拟 doctypeless 或 DTD-less IE 的固定定位时的不稳定),同时包含另一个绝对定位的元素,在某些时候是在浏览器的视口下方。由于这是将包含在其他人网页中的内容,因此我不能依赖正确的文档类型才能正确显示。任何将内部元素放在视口下方的东西——填充、边距或定位——都会导致页面在 IE 中永远滚动。

两者都需要绝对定位真的让我对此束手无策。在我的非测试用例中,相对定位 huh div 与包装器的显示相混淆。有任何想法吗?

0 投票
6 回答
14459 浏览

jquery - 使用backbone.js 的无尽/无限滚动类型解决方案

我正在玩backbone.js,我想知道是否有比我一直在查看的模块更简洁的解决方案来为模型/集合创建“无限滚动”情况(有几个用于jquery,可能更多其他图书馆)。

一些搜索几乎没有出现,所以我想在尝试使用主干构建我自己的解决方案之前先问一下,我是否应该在主干集合之外构建它,或者是否有人尝试过类似的东西。

0 投票
1 回答
804 浏览

php - JQuery 和 PHP 无限滚动帮助

我的无限滚动有问题。当我向下滚动时,它会很好地加载下一个项目,但它会继续发送这些项目。我一直在使用这个 jquery 给它一个唯一的 id,因为我已经用 mysql 用算法订购了这些项目:

为了从外部 php 文件中标记新给定的项目,我也必须在文件中使用此代码。

为了发送有关给定项目的信息,我一直在使用这个 jquery:

但问题是它似乎不起作用。我的意思是它不会从新解析的 php 文件中收集最后一个项目 id。要解析我一直在这样做的 php:

所以我的问题是,为什么这似乎永远持续下去?