jQuery按需加载（滚动加载）

Html

Css

Js

* ul { list-style:none; padding:0; margin:0; } .m { margin-left:auto; margin-right:auto; width:150px } li { width:150px; height:auto; border:1px dashed blue; margin-bottom:10px; }

$(window).scroll(function() { $('li[isLoaded != 1]').each(function() { var oT = $(this).offset().top; var sT = $(window).scrollTop(); var cH = $(window).height(); if (sT + cH >= oT) { var s = $(this).find('img').attr('Imgsrc'); $(this).find('img').attr('src', s); $(this).attr('isLoaded', 1); } }) })

↑上面代码改变，会自动显示代码结果

jQuery调用版本：1.8.3

jQuery方法简单实现 瀑布流加载数据,用户体验非常好 . 用户有多少需求我们就加载多少,如果看到一个地方不往下看了 我们就停止加载. 优化了我们不用去查找所有的数据遍历拿出来给用户看 这样速度快了非常多 重点是用户体验超级棒!!!