如何让我的 django 应用程序在滚动时加载内容?

Posted

技术标签:

【中文标题】如何让我的 django 应用程序在滚动时加载内容?【英文标题】:How do I make my django app load content as I scroll? 【发布时间】:2013-07-27 07:10:33 【问题描述】:

我确信这个问题有多种解决方案。我目前正在设计一个 Web 应用程序,以在内容加载方式方面提供类似于您在 Facebook Activity Stream 中看到的界面。


我希望页面:

最初加载给定数量的对象

当用户到达屏幕底部的对象时加载下一组对象,也就是当对象(例如 15)在屏幕上可见时,我想再加载 15 个对象,并在对象 30 出现时执行相同操作等等


我的数据库中可能有数十万个这样的条目,我想确保用户一次只需要加载一个给定的数字,以减少服务器等的压力。

由于我使用的是 Django,我认为这将是一些非常酷的 JS 与 django-template language 混合,但我不太确定。

这更像是一个 CSS 问题吗?

我从哪里开始思考这个问题?我应该考虑哪些技术?有没有我可以在这里利用的知名模块?

感谢您的宝贵时间。

【问题讨论】:

【参考方案1】:

我认为你对自己的 Django 技能很有信心。

如果你想做自己,那么jQuery 和jQuery.ajax 是你需要仔细阅读的两件事。基本上,如果用户滚动到页面末尾,您需要使用 jQuery 检查,然后对 Django 进行 ajax 调用以获取新数据并附加到页面底部。

如果你想使用现成的包,我认为Django endless pagination 可以完成这项工作。

【讨论】:

+1 无休止的分页,用了一段时间了,挺好用的 完美。无尽的分页是我自己找到的资源,但我想将其排除在外以过滤任何个人偏见等。非常感谢。

以上是关于如何让我的 django 应用程序在滚动时加载内容?的主要内容,如果未能解决你的问题,请参考以下文章

滚动表格视图时应用程序崩溃

如何让按钮在发送时刷新页面,并且在重新加载时同时使用相同的按钮让 iframe 滚动到框架的底部

iPhone - 从 URL 加载图像时内容不会滚动

如何让我的导航栏在滚动通过锚点时更改 CSS 类?

django 的无限滚动在向下滚动时不加载下一页

加载数据后如何防止滚动视图滚动到网络视图?