最近有一个需求是,每次滚动条滚到一定范围内(500px<n<1500px),开始执行
画柱状图的方法draw()一次。但滚动条事件是不停的触发,得到的效果是:滚动
条一旦超过500px,就不停的执行draw(),直到距离大于1500px才停止,这显然
不是我们预期的效果。
改进方案是:
$(document).ready(function(){
var flag=true;
$(window).scroll(function(){
var s=$(window).scrollTop();
if(s>400&&s<1500){
if(flag){
draw();
flag=false;
}
}else{
flag=true;
}
});
});
这样改问题就迎刃而解了。