将项目附加到现有页面ajax类似于amazonshowmoreitems按钮

本文关键字:ajax 类似于 amazonshowmoreitems 按钮 项目 | 更新日期: 2023-09-27 17:59:42

我有一个显示5个项目的页面,我希望在最后有一个按钮来显示更多项目

当推送时,它将显示10个以上的项目,但它不会做任何类似于亚马逊在审查您的购买页面上显示更多项目的帖子。

将项目附加到现有页面ajax类似于amazonshowmoreitems按钮

这里的一些答案适用于inifite页面。你所要求的是所谓的懒惰加载图像。

插件:http://www.appelsiini.net/projects/lazyload

演示:http://www.appelsiini.net/projects/lazyload/enabled.html

这是一个简化的解释:

  1. 查找窗口大小并查找所有图像的位置及其大小
  2. 如果图像不在窗口大小内,请将其替换为相同大小的占位符
  3. 当用户按下按钮时;滚动+窗口高度,加载图像