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

54 阅读 0 评论 36 点赞

我是靠谱客的博主懦弱酸奶，最近开发中收集的这篇文章主要介绍解决鼠标滚动的时候多次执行函数，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

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

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