は何回も

Question

私は以下のいくつかの行を書いた関数を実行window.onscroll私は同じに条件ならば変更してみました

ページ上の3つの円を、apperingそれはあなたが任意のアイデアを持っている場合

は

Answer 1

あなたの現在の機能は3円あなたがスクロールするたびに作成されます助けてください、助けをdoesntの。

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;