加载网页的部分内容

qui_id 发布于 5 天前 ajax 最后更新 5 天前 12 浏览

我有一个非常大的网页,里面加载了很多包含图像的盒子。在页面上可以有3-100个盒子,每个盒子的高度为1000px。

<div id="container">
    <div class="box"></div>
    <div class="box"></div>
    <div class="box"></div>
    <div class="box"></div>
    ...
    ..
    .
</div>
我不希望用户不得不等待.box中加载10-100个高分辨率图像和内容,因此我试图找出最佳方式来加载用户可以看到并随着用户滚动而加载的内容。 任何人都可以指出我在正确的方向完成这个最好的方法?
已邀请:

tsint

赞同来自:

如前所述,无限滚动似乎是解决问题的好方法。 这是一个很棒的网站,有一些演示和一些你可以查找的代码。第一个演示似乎与您的网站完全一样: http://www.jquery4u.com/tutorials/jquery-infinite-scrolling-demos/ 祝你好运。

qquas

赞同来自:

您可以捕获滚动事件,然后找出哪些元素是可见的,然后加载图像

ysunt

赞同来自:

http://jscroll.com/ 无限滚动似乎是您的最佳选择。像tumblr这样的网站使用它在一个页面中拥有大量内容,但没有大量的加载时间。仅当用户向下滚动到页面底部时才会加载数据。