问题标签 [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 投票
1 回答
523 浏览

wordpress - 尝试将 mediaelement.js 与 Wordpress 的无限滚动插件一起使用

我正在将 Paul Irish 的 Infinite-Scroll 插件与 Wordpress 一起使用,并且我也在尝试将 John Dyer 的 mediaelement.js 插件与它一起使用。在个别帖子上效果很好,而且奇怪的是,在 iPhone 上没有问题,但是在 Firefox 中查看时,音频默认为播放器的占位符图像,当你点击它时,它会变成一个“X”,就像我一样我缺少一个 flashplayer 插件或其他东西。就像我说的,我在单个帖子页面上没有问题,只是在索引上,所以我知道 Firefox 可以正确处理文件。

我确信这与需要在无限滚动的设置中添加一些 javascript 来为引入的每个新页面重新初始化 mediaelement.js 有关,但我不知道应该添加什么。任何帮助将非常感激。谢谢你。

0 投票
1 回答
1409 浏览

jquery - 执行搜索功能后,jQuery Isotope 中的 Infinitescroll 失败

我正在使用同位素无限滚动将图像加载到图像库中。我添加了一个搜索功能,使用快速搜索来过滤图像并在执行搜索后重新排列同位素。如果我在搜索之前应用无限滚动,它会完美运行,但如果我先搜索然后尝试应用无限滚动,我会得到加载图标等,但没有加载图像。这是我的代码:

0 投票
2 回答
2389 浏览

javascript - 这个无限滚动脚本发生了什么?

我找到了这个无限滚动脚本。它有效,但我不明白这一行:

当我将其更改为以下内容时:

每次的值都是一样的。在我的示例中,当我alert(($('#content').children().size()))在该afterLoad部分中调用时,该值是正确的(在每个滚动事件上都不同)。我不明白如何设置contentData为不同的值(比如第一次加载时为 10,第二次加载时为 20,等等)。

这是我的脚本:

0 投票
1 回答
448 浏览

jquery - 无限滚动一遍又一遍地加载第二页

我正在尝试使用 jQuery 插件Infinate Scroll

我遇到的问题是,当我滚动时,它会不断加载第二页。所以我有

它确实结束了,这很奇怪,我认为它会永远持续下去。

为什么第 3 页永远加载不出来。有没有人熟悉无限滚动的内部运作并知道可能发生的事情。似乎下一个按钮永远不会更新,并且每次都使用相同的光标。我需要更改我的分页系统吗?

我的下一个链接形式为 www.mysite.com/page?cursor=al8sj6fa1jq3io4cm 第 3 页将是相似的,但会是不同的光标。

我的代码

0 投票
1 回答
276 浏览

jquery - jQuery无限滚动导致链接暂时不起作用?

几周前,我用 jquery 实现了一个无限滚动页面。滚动本身效果很好,但我得到了一个非常奇怪的副作用。

当我滚动并加载新内容时,前几秒钟没有任何链接起作用。事实上,页面上的任何链接都不会在几秒钟内起作用。而且,如果我滚动得很远,例如连续快速加载 5 个页面,情况似乎会变得更糟——然后我必须等待 20 秒才能点击页面上任何位置的任何链接。

我在使用 Firefox 或 IE8 时也有同样的体验,所以我猜这不是浏览器。

任何想法是什么原因或解决方法是什么?

0 投票
2 回答
3637 浏览

jquery - 如何使用 WP Infinite Scroll 自动更新 nicescroll 光标位置?

脚本链接:

nicescroll.js - http://areaaperta.com/nicescroll

WP 无限滚动 - http://www.infinite-scroll.com/

提前致谢!

0 投票
1 回答
807 浏览

jquery-masonry - Firefox 8 中 jQuery Masonry 的重叠问题

我遇到了他们网站的 Masonry 帮助部分解决的重叠问题。但是,我只在 Firefox 中看到了这种情况,而且似乎是在我更新到 FF 8 之后才发生的。我通过使用 $(window).load 而不是 imagesLoaded 插件(它没有在 IE 中工作)。直到今天,无限卷轴 + Masonry 在 FF 中完美运行。当 imagesLoaded 插件和 $(window).load 都没有解决问题时,还有其他解决重叠问题的建议吗?

0 投票
1 回答
3027 浏览

ruby-on-rails - 使用 Rails 3 和 Jquery 实现无限滚动

我正在尝试在我的项目中实现无尽的滚动。我正在使用 Railscast #114 Endless Page这个.

当我试图在页面结束时停止发送请求时,除了奇怪的行为之外,一切都很好。

到目前为止,我有:

控制器:

显示.html.erb:

Javascript(通过部分加载):

显示.js.erb

如您所见,在我的show.js.erb我有一个page.call将 true 分配给finish变量。这会停止请求。

有线的事情是它永远不会加载最后一页。当@photos.total_pages == params[:page].to_i()不只是调用finish函数并将变量设置为 时true,它还会阻止$("#photos_container").append("<%= escape_javascript(render :partial => 'photo', :collection => @photos) %>");运行。

它将请求发送到控制器,运行 SQL 但不附加最后一页。

如果我将条件更改为@photos.total_pages < params[:page].to_i()有效,但向不存在的页面发送额外请求。

对于我的实施,我将不胜感激。我不确定是否有更充分的(Rails)方法来实现这一点。

0 投票
1 回答
2843 浏览

html - HTML5 + jQuery + 无限滚动

经过大量研究,我了解到该状态下bindingscroll事件不受支持。这很好,但是关于我正在编写的脚本,我确实有一两个问题。$(window)live

我有一个网站正在使用 HTML5 jQuery 历史插件 (http://tkyk.github.com/jquery-history-plugin/) 加载页面以获得流畅的用户体验,因为我的网站中有一个锚定的音频播放器。

在我的一个页面上,我创建了一个无限滚动以在窗口滚动时加载到相册中。如果您直接进入该页面,它工作正常,但如果您通过启用 HTML5 的链接(我有一些专门用于 HTML5 实现的链接)进入那里,它就不起作用。

这是我的无限滚动代码:

如果页面是通过 Ajax 访问的(HTML5 插件本质上就是这样做的),有什么方法可以获取我上面的内容并使其工作?

0 投票
4 回答
2558 浏览

javascript - 在页面顶部插入内容而不滚动

有没有一种方法可以在网页开头插入内容而不会导致页面给人向上滚动的印象。

我正在尝试实现类似于无限滚动的东西,但我需要能够无限向上和向下滚动(我还在另一端卸载内容,以便滚动条不会变得无限小并且应用程序不会占用太多内存)。

我很高兴使用 javascript,我宁愿不使用库(我试图保持比这更轻的重量)。

有任何想法吗?