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

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

这种情况有时候会出现的错误是鼠标滚动的时候会多次触发,同样的多次执行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