页面数据懒加载。Div移动到可视区域再去ajax加载内容。
最近有需求做页面的多个table用于加载数据,但是用户浏览页面的时候不需要一次将页面所有的东西加载出来,比如页面上3个table就占满了,用户点进去第一眼也就只能看到3个。为了防止一次加载拖慢了页面的速度,所以之后的table我们要懒加载。即该table移动到了可视区域再去异步请求加载数据。
以下为目前实现的方法:
<!-- page lazyloading -->
[removed]
$(function(){
// 设置布尔值用于判断是否该DIV到达过可视区域
var scrollflaga = true;
// 监听滚