解决鼠标滚动的时候多次执行函数

有这种场景，鼠标滚动到页面的底部的时候，显示剩余的数据；

这种情况有时候会出现的错误是鼠标滚动的时候会多次触发，同样的多次执行ajax，调取数据；

解决的方法是:设置一个全局变量flag，当鼠标滚动事件触发的时候，我们可以先判断flag是否等于true，如果等于则执行之后的代码，如果不等于直接return;之后设置flag==false;并且可以在函数执行完成之后重新设置flag==true;

var flag=true;
if (scrollTop / (contentH - viewH) >= 0.95) { // 到达底部100px时,加载新内容
            if(flag==false){
        return;
        }
            _this.clickShowMore();
},
clickShowMore : function() {
        var _this = this;
        flag=false;
       
},            

 

转载于:https://www.cnblogs.com/GainLoss/p/6292377.html