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

jquery - 尝试创建无限水平滚动 - 最好使用 jquery 插件

我正在寻找一种类似“杀手”网站上使用的效果:http ://www.thekillersmusic.com/html5# 。网站编码的复杂性超出了我的范围 - 但就像它的工作方式一样。

基本上,想要一个可以放置网页内容的水平全景背景。(我找到了一个很棒的全景 jquery 插件,但它就像一张大图一样工作)。

然后我找到了这个网站:http ://unfold.no/ - 它似乎有无限的垂直滚动 -正是我正在寻找的功能类型 - 但如果我能弄清楚他们是如何做到的,那就该死了。他们会以某种方式使用 Google Map API 吗?还是从头开始编写自己的代码?

我对 jquery 不是很好,所以如果可能的话,我更喜欢我可以调整的插件。任何想法将不胜感激。

谢谢 :)

0 投票
7 回答
41113 浏览

javascript - 如何在纯Javascript中进行无限滚动

为了保持我的代码最少,我想避免使用 jQuery 或其他库,我需要很少的功能,我只想在用户滚动到底部时附加到列表中。我将如何用纯 Javascript 做到这一点?

0 投票
1 回答
455 浏览

cocoa - 滚动 NSScrollView 的 documentView 超过 CGFloat 范围

我在 32 位构建中遇到问题,NSScrollView 滚动超过 24 位 CGFloat(在 32 位中浮动,在 64 位构建中翻倍)。

有没有办法指定一个“屏幕大小”(即浮动范围)documentView 和一个 int64 偏移量(或类似的东西),以便我的 documentVisibleRect 绘图始终使用有效坐标?

...或者我在这里错过了一些非常基本的东西?

另外(只是好奇),对于像放大到街道级别的真实世界地图之类的东西,如何无限滚动?

0 投票
1 回答
1126 浏览

iphone - 包含 UIWebViews 的“无限 UIScrollView”

的背景:

首先,背景。我通过使用宽度为三页(0、1 和 2)的 UIScrollView 创建了一个“无限滚动视图”,然后确保 UIScrollView 在不滚动时始终位于第 1 页的中心。当您滚动到第 0 页或第 2 页并且 UIScrollViewDelegate 感应到滚动结束时,所有三个页面的内容首先切换到您滚动的方向,然后 UIScrollView 立即移回第 1 页,模拟效果您可以继续滚动浏览无穷无尽的页面。

起初,我使用 UITextView 来显示每个页面的文本内容,但很快就想要更灵活地设置文本样式。因此,我最终使用了一个 UIWebView,我在其中加载了一个 NSString,其中包含我希望显示的样式化 HTML 内容。这很完美,就像我想要的那样。

问题:

自然地,在 UIWebView 中加载、解析和显示一个简单的 HTML 页面比在 UITextView 中加载静态文本需要更长的时间。因此,当您向任何方向滚动时,滚动视图会自动向后移动并切换页面的内容,您可以在新内容显示之前提示旧内容十分之一秒。

我的解决方案(不起作用):

我在文档中搜索了 UIWebViewDelegate ,发现页面加载完成时有一个事件。我把它连接起来这样做:

  1. 用户从第 1 页滚动到第 2 页。
  2. UIScrollViewDelegate 调用 scrollViewDidEndDecelerating,告诉第 1 页将其内容切换到当前在第 2 页显示的相同内容。
  3. 第1页的UIWebViewDelegate调用webViewDidFinishLoad,告诉UIScrollView回到第1页,然后切换第0页和第2页的内容。

在我看来,这可以解决这个问题,但显然还不够。因此,我请你帮忙。有任何想法吗?可能值得一提的是,我在所有方法中都有 NSLog 并确保它们被调用。如果还有什么问题,我很乐意回答您的任何问题。

提前致谢!

包含 UIScrollView 的视图控制器:


子视图的视图控制器在 UIScrollView 中显示为单独的页面

0 投票
2 回答
17856 浏览

jquery - jQuery Infinite Scroll - 快速滚动时多次触发事件

好的,下面的代码“有效”,因为当您滚动到页面底部时,会触发 AJAX 函数并将结果附加到页面上的 #postswrapper div 中。

问题是:如果我在到达页面底部时滚动得非常快,AJAX 会触发几次并将几组结果加载到#postswrapper div 中(额外的“不需要”结果的数量取决于额外滚动的次数通过快速滚动触发事件)。

最终,每次用户到达底部时,我只需要提供一组结果。我试过添加计时器等,但无济于事。它显然将额外的滚动动作存储在 DOM 中,然后按顺序触发它们。

有任何想法吗?

如果对任何人有帮助,我正在使用 jquery.1.4.4.js。无论如何,在这种情况下, e.preventDefault() 不起作用。

0 投票
0 回答
1292 浏览

php - 使用 jQuery 插件的无限滚动 twitter 样式

我正在尝试使用 jQuery 的插件来实现 twitter 的滚动;这意味着当我到达底部时,通过单击按钮加载下一页。我添加了基本代码:

当我的页面加载时,前面的脚本被执行。这是我的视图代码,其中每个可能是“帖子”的项目都属于“消息”类。

我真的不知道如何实现这个......如何使用这个扩展。有人用过吗?

0 投票
1 回答
1054 浏览

jquery - 如何使用 jQuery SimplyScroll 获得多行?

如何使用 simplescroll 获得 4 行而不是 1 行(不创建另一个无序列表)?

我想创建这样的东西,4行,几个图像,无限滚动:http: //img109.imageshack.us/img109/8131/unled1wfk.jpg

我有这个代码:

有了这个CSS:

0 投票
3 回答
3098 浏览

android - Android 中 Horizo​​nzalScrollView 中的无限列表视图

我正在开发一个 Android 应用程序,它的一个用例是显示以下情况。

  1. 我有一个链接列表(L)。这些链接中的每一个都是 Internet 中图片的 URL;
  2. 我必须下载 (L) 的每张图片并将其显示在 ListView 中。ListView(s) 中应该有两行,我可以在其中插入图片。我想做一些类似于这个应用程序的事情;
  3. 我必须在 Horizo​​ntalScrollView 中显示图片;
  4. 图片必须按需下载,也就是说,我只是在Horizo​​ntalScrollView处于显示这张图片的位置时使用Thread下载图片(类似这种情况)。

我的问题:

  1. 是否可以在 Horizo​​ntalScrollView 中插入 ListView?(如果是,我该怎么做?)
  2. 如何使用 Horizo​​ntalScrollView?我的意思是,我如何在 ScrollView 中使用 ListView 有什么不同吗?

  3. 你知道任何具有相同目的的插件/项目吗?

0 投票
2 回答
12190 浏览

javascript - Tumblr 上的无限水平滚动

我不确定你们中是否有人熟悉 Tumblr,但我只是想获得一个水平无限滚动。垂直无限卷轴很容易找到。

现在,我确实在 jsfiddle 上找到了一个:

jsfiddle.net/URCwd/20

不幸的是,我不知道如何将它合并到 Tumblr HTML 中。

有人可以帮帮我吗?

0 投票
1 回答
1121 浏览

extjs - 在 sencha touch 移动应用程序中无限(直到最后)显示缓冲内容

我有一个相当长的列表要在我的 sencha touch 移动应用程序中显示,由于列表的内容,该应用程序非常繁重,然后我发现这个很棒的工具它大大 提高了效率但是这个库带来的问题是它将显示前 70 个项目,当您向下滚动时,它根本不显示任何内容。有没有人处理过。请告诉我。

下面提到的是测试代码的示例,它将帮助您进行模拟。