实现滚动条离顶端一定距离之后异步加载广告

[tianxiacangshen]

谷歌广告推荐异步加载，于是我写了段代码，检测滚动条的位置，一旦大于 1000px，就异步加载广告代码

var height=$(window).scrollTop();
if(height > 1000){
$('#div').load(url);
}

但是不行，这个会被执行很多次，怎么才能执行一次？

[hzw758]

设置个 flag，默认值为 true，执行代码前先判断 flag，执行过之后把 flag 设为 false

[jy02534655]

或者执行之后停止监听滚动条滚动事件

[SourceMan]

.on .off

[tianxiacangshen]

@jy02534655 有多处要监听，所以也不能第一次检测到就停止监听

[tianxiacangshen]

@jy02534655
@hzw758

这样可以

var load1=true;
var load2=true;
$(window).scroll(function(){
var height=$(window).scrollTop();
if(height > 600 && load1){
load1=false;
$('#load-1').load(Url+'/ad/1');
}
if(height > 1000 && load2){
load2=false;
$('#load-2').load(Url+'/ad/2');
}
});

[weer0026]

再加个 throttle 更好吧。

[SakuraKuma]

在需要加载的容器 one 一个自定义事件，到达的时候 triggerHandler。