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

最近在完成一个图片展示功能,每次请求都只限制获取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数据    
            }
        }


三叔

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

최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿