实现类似花瓣网,Dribble首页的图片加载方式
高洛峰
高洛峰 2016-11-16 13:56:56
0
2
1031

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

高洛峰
高洛峰

拥有18年软件开发和IT教学经验。曾任多家上市公司技术总监、架构师、项目经理、高级软件工程师等职务。 网络人气名人讲师,...

全部回复(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数据    
            }
        }


三叔

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

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责声明 Sitemap
PHP中文网:公益在线PHP培训,帮助PHP学习者快速成长!