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

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

阅读 2.7k
2 个回答

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

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数据    
            }
        }
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题