屏幕滚动到数据区域，数据动态加载的效果是怎样实现的？

这个网站：https://pro.ant.design/index-cn
屏幕滚动到数据区域，数据动态加载的效果是怎样实现的？

google里面搜索 瀑布流加载 下拉加载 上拉加载，加上 js 源代码，就能找到

var ListView={
Init:function(){
$(".Item span").css("width",$(".ListView").width()/4+"px");
for(var i=0;i<$(".Item").length;i++){
var target=$(".Item")[i];
$(target).animate({marginLeft:"0px"},300+i*100);
}
},
Update:function(){
$(".ListView .c .Item").remove();
for(var i=0;i var newItem=$("

");
$(newItem).find("span").css("width",$(".ListView").width()/4+"px");
$(".ListView .c").append(newItem);
$(newItem).animate({marginLeft:"0px"},300+i*100);
}
}
}
原文链接：https://blog.csdn.net/pengyaou/article/details/84733686

主要就是监听浏览器的滚动事件，通过判断滚动到哪个地方了来触发一些事件