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

jquery - 是否有带有加载更多按钮的无限滚动插件?

我在哪里可以获得无限滚动插件,它有一个在加载更多帖子之前单击的按钮?

这就是我要找的(查看右下角的更多按钮)

问题的示例屏幕截图

0 投票
4 回答
2337 浏览

javascript - InfiniteScroll 和自定义行为

我正在使用http://www.infinite-scroll.com/infinite-scroll-jquery-plugin/来提供无限滚动功能,但是插件的默认设置依赖于下一个链接的 href 属性来检测当前页面并 ajaxily 加载下一组结果。

我已经在我自己的 javascript 对象中跟踪结果偏移量和页面大小,并且只想让无限滚动插件调用 window.LoadMore 函数来加载下一个结果,我检查了插件代码,看起来我应该覆盖加载。启动函数(特别是 beginAjax),

这是要覆盖的正确功能吗?,如果是的话,我将如何从插件初始化中做到这一点,下面的代码将不起作用

谢谢。

耶希亚

0 投票
1 回答
2043 浏览

javascript - 获取新内容后重新加载脚本(无限滚动 wordpress + fancybox)

一般来说,我对 JQuery 和 Javascript 非常陌生。我正在使用 Infinite Scroll wordpress 插件,并且我正在高度定制一个主题。在主题中,它最终调用了一个 Fancybox Javascript——我将它用作主页上 4x4 帖子/图像网格上的图像库。

当您向下滚动时,它会加载 16 个新帖子,但它不包含 Fancybox 效果(甚至无法单击图像)

该插件有一个部分“获取下一个帖子后要调用的Javascript”:在页面加载时应用于帖子内容的任何函数都需要在新内容进入时执行。

Fancybox 脚本加载在页脚的“page_templates.php”下。我不确定如何让它工作?:/

这是我的网站,任何帮助将不胜感激! 我的网站

0 投票
1 回答
525 浏览

javascript - 加载 Infinite Scroll 页面时,加载页面的 CSS 会发生变化

在我正在构建的这个站点上,我有 Infinite Scroll、Isotope 和一个名为 .mb_miniplayer_play 的音频播放器。我遇到的问题是当加载新页面时,以前加载的页面上的 css 会发生变化。假设第 2 页已加载,第 1 页的 css 更改。但它只是一种元素。

我尝试了各种方法,但似乎没有什么能让所有页面看起来和正常工作。

代码如下:

有没有人经历过这种情况。我认为我的 jquery 代码不正确或遗漏了什么,但我不知道是什么。

这是 HTML 标记...正在更改的 div 是 .download。加载页面上'Top'的css设置需要使其看起来正确是top:-114,而新加载的页面只需要top:-24看起来正确。

0 投票
1 回答
312 浏览

javascript - 如何将 .live 添加到此代码中?

我的网站是一个音乐网站,每页有 24 个单曲播放器。问题是播放器没有在新加载的页面上加载。

我在我的网站上使用无限滚动,我无法获得回调来处理我的无限滚动代码,所以根据我的研究,.live 是下一步要采取的措施。

不幸的是,我不知道如何在我的代码中实现 .live。我不确定它是否适用于这种情况。

有没有人有任何相关的例子,甚至可以帮助解决这种情况。

音频播放器代码如下:

不确定这是否需要,但这里是无限滚动代码:

分区示例:

0 投票
1 回答
1466 浏览

wordpress - Wordpress get_posts(显示所有附件)循环外的分页

在我的一个 Wordpress 页面(实际上是一个图像博客网站)上,我使用 masonry.js 和 Wordpress 函数 get_posts 将所有附件转储到我的博客文章中并在网格中显示它们。这工作正常。但是,显然有很多图像,我希望将infinitescroll.js 与它一起使用。唯一的问题是循环外的 get_posts 函数不保留分页,因此无限滚动.js 的功能不起作用。

这是我用来转储所有附件的代码:

无论如何,是否get_posts()在循环之外为原始 Wordpress 附件转储添加分页,或者任何人都可以想到解决方案?

0 投票
1 回答
1081 浏览

javascript - 从 Infinite Scroll 加载页面的 html5 音频播放器上连续播放的问题

我正在建立一个网站,每个页面上有 20 个单曲音频播放器。我拥有的代码旨在在每首歌曲的结尾播放下一首可见歌曲。它在初始页面上运行良好,但一旦 Paul Irish 的无限滚动加载新页面,代码就无法正常工作。它不会播放下一首歌曲,而是在页面上播放一首随机歌曲。

我注意到它经常在后面播放 9 首歌曲的模式。播放器是:

https://github.com/pupunzi/jquery.mb.miniAudioPlayer

我正在使用的代码是:

网站使用的插件:Isotope、Infinite Scroll 和 .mb_miniplayer

前 10 首歌曲(第 1 页)按预期工作——在 FF 和 safari 中......其余的歌曲没有。如果您单击前 10 首歌曲中的一首的结尾,您将看到它转到下一首可见歌曲,无论哪些过滤器处于活动状态,但在第 2 和第 3 页上,它会播放一首随机歌曲。

网站是:点击这里

我仍在处理该网站的错误,但这是我似乎无法弄清楚的错误。

这是我的无限滚动代码:

0 投票
1 回答
1835 浏览

fancybox - Fancybox 在通过infiniteScroll 加载的页面中无法使用jQuery Masonry

我在 Masonry 插件 (http://www.4pixels.co.uk/) 上构建的投资组合网站中有三个页面。在第一页上,fancybox 非常适合一些图像。

但是当我使用infiniteScroll在第一页底部加载第2页时,花哨的框链接停止工作,只是将厚框图像加载到新页面中。

如果我将第 2 页(http://www.4pixels.co.uk/index2.html)直接加载到浏览器中,它可以正常工作(使用所有 css/js)。我已经从该页面中删除了 js 和 css,因为它从第 1 页加载它们,但这没有任何区别,而且花哨的框仍然不起作用(尝试使用的图像是 Winston Ellis 网站的响应屏幕)

所有最好的安迪


我努力了

但仍然无法正常工作。我看到你的例子是有效的,所以我必须把它拆开,因为我看不出我错了..

0 投票
1 回答
2430 浏览

objective-c - NSScrollView 无限/无限滚动 | 子视图重用

我正在寻找一种方法来实现类似可重用单元的方法,UI/NSTableView但对于NSScrollView. 基本上,我想要 WWDC 2011 视频“Session 104 - Advanced Scroll View Techniques”,但对于 Mac。

我有几个问题意识到这一点。第一个:NSScrollView没有-layoutSubviews。我尝试-adjustScroll改用,但未能设置不同的contentOffset

接下来我尝试设置一个具有width数百万像素的非常大的内容视图(这实际上与 iOS 相比有效!)但现在的问题是,如何安装重用池?
在滚动到新位置时移动子视图还是删除所有子视图并再次插入它们更好?我应该如何以及在哪里这样做?

0 投票
1 回答
1185 浏览

jquery - 无限滚动新元素

我正在尝试为无限滚动中的每个新元素添加投票功能。我设法使投票功能正常工作,但这不适用于向下滚动页面时加载的新元素。

粘贴地址:http://pastebin.com/0eNYDXrm

我在下面附上了我的代码。任何帮助或建议将不胜感激......非常感谢!