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

android - 无限的 ViewPager

这似乎是可能的,但是我在弄清楚如何实现ViewPager可以无限期分页的过程中遇到了一些麻烦。

我的用例是一次显示一个月的日历,但可以通过分页足够的次数来切换到任何月份。

目前我只是extending PagerAdapter,并且MonthViews像这样添加了3个自定义:

我想一次只MonthView在内存中保留 3 秒,这样MonthView当用户使用选项卡时,在每次显示我的数据库中的数据时不会有很大的延迟。所以每次显示新页面时,我都需要删除一个MonthView并添加一个MonthView。如果有人对相同的功能有更好的想法,我很想听听!

我正在考虑尝试使用FragmentStatePagerAdapter.

0 投票
2 回答
4891 浏览

jquery - 使用带有 MySQL 数据库的无限滚动

我找到了一个不错的 ajax/jquery 无限滚动插件(http://hycus.com/2011/03/15/infinite-scrolling-like-new-twitter-with-php-mysql-jquery/),我能够塑造我的内容很好,但我遇到了一个问题——它只调用了一次 loadmore.php 脚本。让我展示一下代码:

在我的 index.php 文件中:

这部分调用我的 loadmore.php 文件并将最后一篇文章的 id 发送给它。这仅在我第一次滚动到页面底部时有效,它从 loadmore.php 加载条目,但不会再次调用 loadmore.php。我的 loadmore.php 文件有以下代码:

在第一次 ajax 调用之后显示的 3 个帖子完美出现,正是我希望它们显示正确数据的方式。但是在前 3 个帖子出现后,我无法让接下来的 3 个帖子出现。

因此,如果我的 index.php 上默认有 5 个帖子,我滚动到底部,ajax 调用另外 3 个帖子,它们显示完美,但之后没有任何显示,即使还有很多帖子要显示。我的问题在哪里,ajax/jquery 向导?

0 投票
1 回答
983 浏览

objective-c - UIScrollView 无限滚动而不分页

这里的第一个问题,很好:P

我正在尝试制作一个无限的 UIScrollView(我使用了“StreetScroller”苹果演示项目)。当 UIScrollView 快到 contentSize 的末尾时,contentOffset 设置为 contentSize 的中心,所有子视图都被移动,因此对用户来说是透明的。

当您缓慢滚动时它可以正常工作,但是当您滚动太快并且到达 UIScrollView 的末尾时,事情变得很奇怪。

在我的情况下,我使用带有 frame.size.width = 320 和 contentSize.x = 3 * frame.size.width 的 UIScrollView。这就是当您滚动太快并且到达 contentSize 末尾时日志中发生的情况(因此,如果向右滚动时 x > 560):

--> UIScrollView 因为惯性而滚动

--> UIScrollView 到达 contentSize 的末尾,所以我们居中

--> 这是问题所在,UIScrollView 没有考虑 contentOffset.x 的变化,它使用最后使用的 contentOffset.x 值继续动画....

这一直持续到动画结束。

如果有人有设置 contentOffset 并强制 UIScrollView 更新其动画的解决方案:)

我几乎阅读了 stackoverflow 和其他网站上关于无限 UIScrollView 的所有主题,但我没有看到任何在动画期间更改 contentOffset 的有效解决方案,我尝试在所有不同的 UIScrollView 委托方法中重新定位。而且我不想在滚动期间更改 contentSize (它仅在您向右滚动或 bot 时才有效......)

0 投票
10 回答
116938 浏览

android - 更改 ViewPager 以启用无限页面滚动

Jon Willis发布了关于如何使用他的代码启用无限滚动的帖子。

在那里,他说他ViewPager在 android 支持库中对类进行了一些更改。进行了哪些更改,如何通过更改“重新编译”库ViewPager

0 投票
2 回答
3276 浏览

javascript - Rails3.1 infinite/endless scroll

I want to make my project's feed_item go endless, I am using kaminari in Rails, can anyone suggest a good way to implement infinite/endless scroll rather than this: https://github.com/amatsuda/kaminari/wiki/How-To:-Create-Infinite-Scrolling-with-jQuery ? The referred resource seem staled, at least not working with me. Please help.

0 投票
1 回答
1093 浏览

jquery - 如何将自定义事件绑定到从另一个脚本动态加载的元素?

我有一个适用于我的 tumblr的无限滚动脚本。当我向下滚动页面时,它正在加载图像。但是,我希望图像淡入而不是突然出现。

我发现这个很棒的插件叫做waypoints可以做这种事情。它有效,但仅适用于第一个加载的图像。之后,它无法识别新加载的图像。

我知道“live”只适用于某些 jQuery 函数。并且绑定可能会更好,因为您可以使用自定义函数。但后来我显然仍然必须触发脚本,这就是我不知道该怎么做。这意味着我必须破解执行无限滚动的 tumblr 脚本,而且它在那里很可怕,javascript 而不是 jQuery。

也许你可以推荐一个更好的方法来做到这一点?

以下是适用于前十张图像的代码:

我希望我能做这样的事情:

$('.theImage').bind("waypoint", function() { $(this).animate({opacity: 1}, 'slow'); });

谢谢你。

PS 内容是 nsfw。事实上,它的 sfw 因为一张略显性感的照片甚至都看不到,而且一直在底部。干杯。

0 投票
8 回答
17048 浏览

jquery - jquery无限滚动“重置”

我正在为网站使用无限滚动 jquery 插件(https://github.com/paulirish/infinite-scroll

一切都很好,除了我的页面是搜索所以......发生的事情是:

1)您进入页面,浏览器会自动定位您并返回您周围的项目列表(例如条形图)......需要无限滚动以避免此列表分页。直到这里一切正常……除了我可以到达“无限页的末尾”和插件从滚动中“解除绑定”本身的事实。

2)现在....当您想在输入文本中手动插入地址时,您可以随意...您写下您的地址,然后按回车...并使用 ajax(无页面刷新).. .我会寻找纬度/经度,找到地址,更改无限滚动的导航链接....而且,我觉得很愚蠢,但我想不出“重新激活”或“重新绑定”的方法” 事件的插件......所以我的“新搜索结果”没有新的“无限滚动”实例......

(页面“拆分”正确并正确返回一个尝试更改“page = NUM​​BER”的json)

这是控制台中发生的事情:

在“取消绑定”之后,我无法再次绑定它,因此在我的下一个搜索结果中无限滚动......

0 投票
0 回答
591 浏览

jquery - jQuery 网格内容滑块

我需要创建一个 5 列 x 2 行网格来显示“无限”个单元格(将附加 AJAX)。我将在网格的两侧都有 Back & Next 按钮。因为我将动态添加内容,所以它似乎是一个具有固定大小和隐藏溢出的父 DIV,具有固定宽度和浮动 LI 的 UL 是最佳选择。我会通过更改上边距来“滚动”。我希望用户感觉他们正在向左/向右滚动而不是向上/向下滚动。

我让它工作了,但我想知道这是否是最好的方法。有任何想法吗?

演示:http: //jsfiddle.net/ytJ6Z/

HTML:

CSS:

Javascript/jQuery:

0 投票
1 回答
402 浏览

javascript - 在 DIV 中实现滚动

我在下面有这个 Javascript 代码。这有助于我在网页中获得无限滚动。如果我想在 DIV 中实现无限滚动怎么办。如何修改此代码以在 DIV 中使用它?谁能帮帮我吗。假设我的 DIV 的 id 是要在其中显示滚动内容的#wrapper

0 投票
1 回答
599 浏览

jquery - JQuery Infinite Scroll 加载多个相同的 $(document).ready 事件,并多次触发它们

我是 jquery 的新手,希望这是一个简单的问题,但我的想法已经不多了。

我正在使用 .net 并且有一个页面,其中包含一些自定义 jquery 函数,如下所示,用于关注用户。当页面第一次加载时,这工作得很好。

问题与无限滚动有关,我在其中发布到另一个页面并附加结果。如果我在未在该发布页面上重新包含以下功能的情况下附加结果,则当我单击新附加的链接时,它永远不会触发事件。但是,如果我确实再次包含这个完全相同的片段,它就可以正常工作。除了页面上所有以前的链接现在触发额外的时间。

因此,如果我向下滚动 5 页数据,然后单击页面上的第一个链接,它现在会触发 6 次!!我添加的最新版本只触发一次。

我看到了一些关于去抖动和节流的东西,但这似乎比这更简单——没有办法只加载这个函数一次并让它适用于附加的数据吗?