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

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

高洛峰
高洛峰

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

membalas semua(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数据    
            }
        }


三叔

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

Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan
Tentang kita Penafian Sitemap
Laman web PHP Cina:Latihan PHP dalam talian kebajikan awam,Bantu pelajar PHP berkembang dengan cepat!