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

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

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

解决鼠标滚动的时候多次执行函数相关推荐

Wing IDE 解决鼠标悬浮
Wing IDE 解决鼠标悬浮通过修改文件配置,解决鼠标悬浮没有出现变量值和函数没有自动提示的问题. 配置文件路径查看: 打开该文件夹下的下图配置文件: 添加下图两行配置,然后重启wingide即可 ...
Javascript 立即执行函数
http://weizhifeng.net/immediately-invoked-function-expression.html var f1 = function() {var res = [] ...
【JS基础】立即执行函数表达式(自执行函数)
立即执行函数表达式立即执行函数表达式,大部分人也称为自执行函数. 自执行函数的写法匿名函数 (function() {console.log(2) })() 具名函数 (function log( ...
2020-06-28 html的实现页面锁屏 + css的BFC与float + js的立即执行函数写法 + 颜色搭配
2020-06-28 题目来源:http://www.h-camel.com/index.html [html] 实现一个页面锁屏的功能锁屏的最终效果就是退出登录,思路是点击锁屏按钮等操作时使t ...
什么是立即执行函数？有什么作用？
这是 JS 中的一个常见概念,面试时经常会被问到,请「用自己的语言」简述立即执行函数是什么立即执行函数有什么用途 ----------------------------------------- ...
镶套iframe 鼠标滚动无效解决办法
背景:frameset 外面镶套一个页面问题:IE鼠标滚动无效,chrome firfox 支持解决:内页传递给父页进行滚动代码: <script type="text/java ...
解决ScrollViewer嵌套的DataGrid、ListBox等控件的鼠标滚动事件无效
C# 中,两个ScrollViewer嵌套在一起或者ScrollViewer里面嵌套一个DataGrid.ListBox.Listview(控件本身有scrollviewer)的时候,我们本想要的效果 ...
纯css解决div隐藏浏览器原生滚动条，但保留鼠标滚动效果的问题
纯css解决div隐藏浏览器原生滚动条,但保留鼠标滚动效果的问题参考文章: (1)纯css解决div隐藏浏览器原生滚动条,但保留鼠标滚动效果的问题 (2)https://www.cnblogs.co ...
Silverlight 3.0 RTW引入-- 鼠标滚动事件
展示一个鼠标滚动事件的示例只需要几行代码即可,我认为大部分人都可以在几分钟内做好,并理解它是如何工作的.因此我决定将这个事件和Expression Blend中引入的新行为一起合并成一个例子进行介绍, ...

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

解决鼠标滚动的时候多次执行函数相关推荐

最新文章

热门文章