问题标签 [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 回答
2625 浏览

jquery - 无限滚动和 facebook 评论

我有一个 tumblr 博客,每个帖子都添加了 facebook 评论。

我也在使用infiniteScroll。

当浏览器滚动并且内容滚动时,一切都必须再次初始化,那么我该如何重新初始化 facebook 评论呢?

这是我的代码和无限滚动的回调

0 投票
1 回答
2024 浏览

jquery - Jquery无限向上滚动插件

我们正在构建一个 Web 应用程序,它能够向其他用户发送消息,我们选择了 Facebook 的方式来实现它。意思是,一个固定高度的 div,当页面加载时,该 div 的滚动条在底部。当用户向上滚动时,我们会收到带有 ajax 的旧消息。(查看facebook 消息应用程序

那么有人知道用于无限向上滚动的优秀且稳定的 jQuery 插件吗? 我发现了很多用于无限向下滚动和延迟加载的插件。但没有向上滚动。

谢谢!

编辑:2012 年 4 月 16 日为此 制作了我自己的jquery 插件

0 投票
3 回答
5011 浏览

jquery - tumblr 音频/视频播放器 + 无限滚动的 Masonry

这是一个测试页面: http: //masonry-test.tumblr.com/

我在 tumblr 上使用带有无限滚动的 jquery Masonry。一切都很好,除了音频播放器。它们不会加载到第二页并显示此消息 [需要 Flash 9 才能收听音频。]。

做了一些研究并找到了解决方案。这里有一个(这个也是),这里是Mesh主题中的 js,它成功地做到了(第 35 行)。

问题是我不知道在哪里以及如何在我的代码中实现它。我尝试的所有东西要么不起作用,要么在砖石块周围留下一个小间隙。我的代码:

0 投票
1 回答
1079 浏览

ruby - 在 Rails 3.2 上使用 Kaminari 获得无限滚动和 link_to_next_page

我在 Rails 3.2 应用程序中通过 Kaminari 无限滚动工作并想添加一个“更多”按钮。

link_to_next_page 帮助器很棒,但是在这两种方法中共享页码的最佳方法是什么?

现在,除了通过按钮加载第二页数据不会增加我在 javascript 中用于跟踪要加载哪个页面以进行无限滚动的 page 变量之外,一切正常。

在这两种方法中共享状态的最佳方法是什么?

其他相关信息:

  • 每个页面都用一堆lis 渲染一个部分并将其附加到一个ul
  • “更多”按钮在每个 ajax 请求上重新呈现
0 投票
2 回答
584 浏览

javascript - 当用户离开页面时,如何保存无限堆栈的 AJAX 内容?

我正在制作一个无限滚动的网站。也就是说,当用户滚动到页面底部时,一个新的内容块会附加到底部。它与 Facebook 非常相似。这是加载 3 个页面的示例:

当用户单击最后一页上的某些内容时,我会将他们带到单独的详细信息页面。但是如果用户点击返回搜索结果页面,我不记得他们以前的位置,必须再次加载第 0 页。

我知道一些解决这个问题的老派方法,但它们都有一些严重的问题:

哈希网址

每次加载新页面时,我都可以更新 URL。例如:www.website.com/page#2。当用户转到详细信息页面并返回时,URL 告诉我最后加载的页面,所以我为他加载它:

但这是糟糕的用户体验。仅加载第 2 页。用户无法向上滚动以查看较旧的内容。考虑到后退按钮占网络流量的 50%(雅各布尼尔森研究),我不能只加载页面 0、1 和 2,因为这会使服务器过载。

本地存储

Cookie 没有存储多页数据的存储容量。本地存储应该有足够的空间。一种想法是将所有加载的页面存储到本地存储中。当用户返回搜索结果时,我从本地存储加载而不是访问服务器。这种方法的问题是我的大部分用户都使用不支持本地存储(IE7)的浏览器。

0 投票
2 回答
77 浏览

java - 当用户点击后退按钮时,如何重建客户端修改的页面?

假设我使用无限滚动或“加载更多结果”按钮来实现搜索结果,该按钮将更多结果 Ajaxes 到初始结果页面上。因此,用户可以在不离开相同搜索结果页面的情况下浏览结果。

我的用户滚动了一会儿,然后找到一个特定的结果并点击它。这不是他们需要的,所以他们点击返回。

如何让结果页面恢复到他们离开时的状态,并让他们向下滚动页面到正确的位置?最初的搜索可能产生了 10 个结果,如果我们再加载 20 个,那么页面上就有 30 个,并且说当他们离开页面时滚动到结果 23。

这样做的公认方法是什么?

(请注意,这并不特定于搜索结果。通常,如果我在浏览器中加载页面后弄乱了页面,当用户返回该页面时,我如何保留/重建该页面的状态?)

0 投票
2 回答
165 浏览

jquery - 当我不一次在浏览器中加载所有数据时,知道 jquery 滚动的长度吗?

我使用查询来检索数据库的 100 000 多行。我在用户浏览器的表格中将其显示给用户。

我不想一次将所有这些数据加载到浏览器中。每行的高度是已知的,并且所有的行高都相同。但我不知道用户的屏幕分辨率。

是否可以确定表格的总高度以及滚动条的长度?

0 投票
1 回答
1314 浏览

infinite-scroll - mansory + 无限滚动加载

我有这个代码:mansory + 无限滚动 jquery 插件来显示多个框。但是当我打开我的页面时,下一个内容的加载是在我滚动页面而不是在页面末尾时开始的。我错了什么?

0 投票
1 回答
1988 浏览

jquery - mansory + infinitescroll preloder 动画从头加载图像

我使用 jquery masonry + 无限滚动。我会从一开始就使用加载器图像(当我打开页面时)而不是在第一次滚动时使用无限滚动库来获得预加载效果。

或者,可以在页面打开时使用 gif 预加载器,以便使用 mansory 插件显示第一组图像。

有任何想法吗?提前非常感谢。

0 投票
0 回答
1174 浏览

jquery - 带有 JQuery 砌体和无限滚动的 imagesLoaded 方法

我发现了这篇文章:imagesLoaded method not working with JQuery masonry and infinite scroll

它显示了如何使用带有 JQuery 砌体和无限滚动的 imagesLoaded 方法的答案

我想知道的是,是否有人有一个可以做到这一点的 Tumblr 主题?我想我错过了一些东西,因为砖石和无限滚动不起作用。我想我错过了最初调用该函数的脚本。