当前位置: 首页 > 知识库问答 >
问题:

如何使用主干为“无限滚动”批量获取数据?

施令秋
2023-03-14

我正在尝试使用主干从MySQL(使用基于PHP的API)获取数据。我想检索20个批次的项目。例如,我有10000条记录,但只想在页面加载时显示20条记录。当用户向下滚动时,我希望在每次到达页面底部时加载下一个20。我的查询没有按ID(按设计)排序,因此可能会增加一级复杂性。如何在主干中实现这一点?

共有1个答案

邹英发
2023-03-14

我建议使用此插件https://github.com/backbone-paginator/backbone.paginator

 类似资料:
  • 如何获取用户在滚动视图中滚动的像素量。我有一个包含大量文本的滚动视图。我在屏幕底部还有一个按钮。我想要的是将按钮上的文本更改为滚动视图中的滚动量。 这是我的滚动视图: 我的按钮是 我听说这可以通过使用< code>getScrollY()方法来实现。但不知道如何编程使用它。

  • 问题内容: 我正在寻找使用React实现无限滚动的方法。我遇到了react-infinite- scroll ,发现它效率低下,因为它只是将节点添加到DOM中,而不会删除它们。React是否有经过验证的解决方案,可以添加,删除和维护DOM中恒定数量的节点。 这是jsfiddle问题。在这个问题中,我想一次仅在DOM中包含50个元素。当用户上下滚动时,应加载和删除其他文件。由于它的优化算法,我们已经

  • 无限滚动用来在页面滚动到接近底部时加载新内容或进行其他操作。 在底部的无限滚动 你只需在可滚动的容器上添加“infinite-scroll”类,一般是页面滚动区域 - div.content <style type="text/css"> .infinite-scroll-preloader { margin-top:-20px; } </style> <heade

  • 无限滚动用来在页面滚动到接近底部时加载新内容或进行其他操作。 无限滚动HTML结构 你只需在可滚动的容器上添加“infinite-scroll”类,一般是页面滚动区域 - <div class="page-content">: <div class="page"> <div class="page-content infinite-scroll" data-distance="100">

  • 我正在学习主干,现在正在考虑如何应用无限卷轴,并在每次卷轴位于页面底部时从我的收藏中提取/加载20个项目。我一直在寻找不同的LIB之类的东西,但没有真正接近。有谁能解释/展示这是如何最好地完成的? 我现在已经添加了infiniscroll.js插件并试图让它工作。但是在滚动中它不会加载新项目。我应该在appendRender上做什么?怎么做?

  • 问题内容: 我正在尝试使用JavaScript检测浏览器滚动条的位置,以确定当前视图在页面中的位置。我的猜测是,我必须检测轨道上的拇指在哪里,然后检测拇指的高度占轨道总高度的百分比。我是不是过于复杂了,还是JavaScript提供了比这更简单的解决方案?任何想法代码明智? 问题答案: 您可以使用和获取分别滚动的垂直和水平偏移。可如果你关心整个页面。如果需要百分比,可以将其与和(再次可能是主体)进行