JS/jQueryの -

Question

（イベントをスクロール）ループ内で一度初期位置を確認EDIT

var setInitPos = true; 

function loop() { 

    $(".image").each(function() { 
    // some other code 

    if (imageIsVisible) { 
     // some other code 

     // Set variable initPos only once for each item 
     if (setInitPos) { 
     initPos = $(window).scrollTop(); 
     setInitPos = false; 
     } 
    } 

    // some other code 
    }) 

} 

$(window).scroll(function(){ loop() } 

アイテムは、ビューポート内に表示されている場合、各項目の値で一度VaRのinitPosを埋めます。

ただし、2番目の項目はsetInitPos = falseで始まります。何故ですか？

Answer 1

EDIT

「（imageIsVisible）{場合は」内「のvar initPos」を宣言する

試してみますあなたができるDOM要素はjQueryの.data()

$(".image").each(function() { 
    var initPos = $(this).data('initpos') || 0; 

    // some other code 

    if (imageIsVisible) { 
     // some other code 

     // Set variable initPos only once for each item 
     if (!initPos) { 
     $(this).data('initpos',$(window).scrollTop()); 
     } 
    } 

Answer 2

グローバルスコープで指定したため、グローバルです。

iterationをローカルにするには、関数内で宣言します。

イメージにローカルにするには、this.initPosを使用します。この方法で、イメージ要素ごとに新しい属性を作成します。

Answer 3

initPos以外の変数は宣言されていません。そしてその唯一の宣言。 DOM要素ごとにinitPosを持続するための最良の方法は、それぞれに取り付けることである再び