window.onscroll執行功能很多次

Question

我寫了下面幾行：

function testScroll() { 
    if (window.pageYOffset > 400) { 
     for (var x=0; x<=2; x++){ 
      newCircle(circle[x],circleId[x],startColorId[x],endColorId[x]); 
     }; 
    }; 
}; 

window.onscroll = testScroll; 

功能的工作原理顯示newCircles但它確實多次用戶向下滾動頁面，理想會在功能停止，如果有appering頁面上三圈，

我想如果條件改變爲平等的，但它不幫助，如果您有任何想法，請幫助

Answer 1

您當前的函數創建每次滾動時間3圈。

如果你想有MAX 3圈;執行以下變化：

var _countCirlces =0; // initial circles count 
function testScroll(ev){ 

    if(window.pageYOffset>400) { 
     // create 1 circle for each scroll + increment _countCircles 
     newCircle(circle[x],circleId[x],startColorId[x],endColorId[x]); 
     _countCircles++; 

    };return; 

}; 

window.onscroll=testScroll; 

Answer 2

var _circleCount = 0; 

function testScroll(ev) { 

    if(window.pageYOffset>400 && _circleCount < 2) { 
     for (var x=0; x<=2; x++) { 
      newCircle(circle[x], circleId[x], startColorId[x], endColorId[x]); 
      _circleCount++; 
     }; 
    }; 
    return; 
}; 

window.onscroll = testScroll;