请教如何实现动态加载网页内容。

轻尘 2013-04-09 01:42:21
想实现一个类似天猫单品页那种效果,
就是商品详情里的内容(好多图片)在网页开始时不加载,
当浏览器屏幕往下滚动时再去加载这些图片。

http://detail.tmall.com/item.htm?spm=a220m.1000858.1000725.9.05rdnd&id=17297941437&is_b=1&cat_id=51050005&q=&rn=85b9f467779698793018ec4ede03baab
像这个单品页中id="J_ItemDesc"的div节点,在网页打开是里边的内容是“描述加载中”,
当浏览器往下滚动时,再加载这个div节点中的内容。

请教一下天猫这个是怎么实现的?
...全文
191 5 打赏 收藏 转发到动态 举报
写回复
用AI写文章
5 条回复
切换为时间正序
请发表友善的回复…
发表回复
Go 旅城通票 2013-04-09
  • 打赏
  • 举报
回复
lazyload,判断要显示的内容是否呈现在屏幕上,呈现就加载
画虎烂 2013-04-09
  • 打赏
  • 举报
回复
当屏幕滚动到那里时,发送一个action,$('#divId').append(date) date是action返回的数据库 新手个人见解。。。
lookluuk 2013-04-09
  • 打赏
  • 举报
回复
虽然不晓得天猫是怎么实现的,但是通常的方式都是监听窗口滚动事件,当窗口距离顶部的高度到一定高度的时候,就触发一个事件,向后台获取数据,前段获取数据后,将前面占位的图片改成实际的图片,像天猫的话估计好好几轮才能完成所有图片的载入。
ftiger 2013-04-09
  • 打赏
  • 举报
回复
搜索 瀑布流。
画虎烂 2013-04-09
  • 打赏
  • 举报
回复
用append

52,797

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 Ajax
社区管理员
  • Ajax
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧