解决鼠标滚动的时候多次执行函数
生活随笔
收集整理的這篇文章主要介紹了
解决鼠标滚动的时候多次执行函数
小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.
有這種場(chǎng)景,鼠標(biāo)滾動(dòng)到頁(yè)面的底部的時(shí)候,顯示剩余的數(shù)據(jù);
這種情況有時(shí)候會(huì)出現(xiàn)的錯(cuò)誤是鼠標(biāo)滾動(dòng)的時(shí)候會(huì)多次觸發(fā),同樣的多次執(zhí)行ajax,調(diào)取數(shù)據(jù);
解決的方法是:設(shè)置一個(gè)全局變量flag,當(dāng)鼠標(biāo)滾動(dòng)事件觸發(fā)的時(shí)候,我們可以先判斷flag是否等于true,如果等于則執(zhí)行之后的代碼,如果不等于直接return;之后設(shè)置flag==false;并且可以在函數(shù)執(zhí)行完成之后重新設(shè)置flag==true;
var flag=true; if (scrollTop / (contentH - viewH) >= 0.95) { // 到達(dá)底部100px時(shí),加載新內(nèi)容if(flag==false){return;}_this.clickShowMore(); }, clickShowMore : function() {var _this = this;flag=false;},?
轉(zhuǎn)載于:https://www.cnblogs.com/GainLoss/p/6292377.html
總結(jié)
以上是生活随笔為你收集整理的解决鼠标滚动的时候多次执行函数的全部?jī)?nèi)容,希望文章能夠幫你解決所遇到的問(wèn)題。
- 上一篇: 正点原子STM32串口例程解析
- 下一篇: 视频编码中封装格式RMVB,AVI,26