日期:2014-05-16  浏览次数:20684 次

请教如何实现动态加载网页内容。
想实现一个类似天猫单品页那种效果,
就是商品详情里的内容(好多图片)在网页开始时不加载,
当浏览器屏幕往下滚动时再去加载这些图片。

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节点中的内容。

请教一下天猫这个是怎么实现的?
动态加载 图片

------解决方案--------------------
虽然不晓得天猫是怎么实现的,但是通常的方式都是监听窗口滚动事件,当窗口距离顶部的高度到一定高度的时候,就触发一个事件,向后台获取数据,前段获取数据后,将前面占位的图片改成实际的图片,像天猫的话估计好好几轮才能完成所有图片的载入。
------解决方案--------------------
lazyload,判断要显示的内容是否呈现在屏幕上,呈现就加载