html - 棘手的延迟加载问题

标签 html lazy-loading

问候溢出者,

  • 结果集网格将查看来自 HTML 页面的快照。
  • Snaps 需要保留原始页面布局,包括任何表格、图像...
  • 用户将滚动浏览快照以完整阅读快照页面
  • Snaps 可以在 HTML 页面的任何位置查看不同大小的窗口

问题: 是否可以实现延迟加载,以便只加载查看过的窗口而不丢失已抓取的 HTML 页面的交互性(例如超链接)?如果 HTML 页面不能以这种方式动态定制和延迟加载,则欢迎使用任何交互式文档格式(例如 PDF、Flash)。

更新:很抱歉造成混淆。快照不是图像,它们是 HTML 页面中任意位置的随机视口(viewport)。在图像中很简单,我们可以只加载我们需要查看的部分。在 HTML 中,这很困难,除非该部分实际上是一个完整的可查看 HTML 标记元素并且它适合所需的部分。 iframe 只会方便窗口查看快照,但我不想加载整个 HTML 页面,因为它们很大,但只加载所需的快照。问题快照可能位于页面布局分区中间的某个位置,每个分区都非常大。因此,单独固定布局大小和稍后延迟加载其内容无济于事。我认为布局转换是必要的,但非常困难。我希望我可以拍摄完整的 HTML 页面的照片,并拍摄我需要查看的任何部分,并且该图像部分保持交互:)

谢谢!

最佳答案

您可以将 JavaScript 与 XMLHttpRequest (XHR) 结合使用来异步获取内容并将该文本放置在页面上(即延迟加载内容)。我不熟悉您正在使用的一些术语(例如什么是“快照”),但是如果您的布局指定了大小(而不是依赖于内容,例如,设置表格列的大小),那么这种延迟加载可以在不重新渲染布局的情况下完成。

关于html - 棘手的延迟加载问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/4536791/

相关文章:

php - 使用 javascript 和 mysql 查询自动填充字段以进行下拉

javascript - HTML5 文件 API 使用 Ajax 上传多个图像

javascript - SWF 上的 HTML 对象

asp.net-mvc - Unity.MVC4惰性<T>在ASP.NET MVC应用程序中不起作用

java - 有没有办法使用 Universal Image Loader 主动加载照片?

java - 如何在 session 关闭后使用 hibernate 访问延迟加载的字段?

java - 为什么延迟加载多对多实体时会得到 N+1 选择查询

javascript - 客户端无限滚动 JQuery

html - 如何将我的@keyframes 声明内联到我的 HTML/SVG 中?

php - 如何向 php 添加 +1 值