有这种场景,鼠标滚动到页面的底部的时候,显示剩余的数据;
这种情况有时候会出现的错误是鼠标滚动的时候会多次触发,同样的多次执行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;},