实现类似花瓣网，Dribble首页的图片加载方式

Question

最近在完成一个图片展示功能，每次请求都只限制获取12条数据，希望通过如题方式在每次滚动到底部时能够发出请求加载数据信息，（ps这应该不是lazyload方式吧，是在一次性获取比较多数据的时候，虽然也是通过滚动监听）

欧阳克 · Answer

copy一份我自己写的代码

window.onscroll = function(e) {
            var diff = document.body.offsetHeight - (window.innerHeight + document.body.scrollTop);
            console.log('距离底部:%d', diff);
            if (diff < 30) {
                //loadHTML(); //ajax加载s数据    
            }
        }

三叔 · Answer

每次滚动到底部加载图片，这叫瀑布流，也是懒加载的一种，百度一下很多。