動態獲取值，即scrollTop（）並存儲在一個數組中

Question

我試圖獲得動態值，即scrollTop（）和和text（） - 將它們存儲在數組中，然後稍後在滾動事件中使用它們。到目前爲止，我有這個，似乎只是推動第一個價值。我確定還有其他一些使用更少代碼的超高效方法，但我對此很陌生，只是試圖理解它爲什麼不起作用。任何幫助將非常感激！薩米。

var $titleName = []; 
var $titlePosition = []; 

$('#section-title').each(function() { 
    $titleName.push($(this).text()); 
}); 

$('#section-title').each(function() { 
    $titlePosition.push($(this).offset()); 
}); 

$(window).scroll(function() { 
    windowScroll = $(this).scrollTop(); 

    if (windowScroll >= $titlePosition[0].top) { 
     $tooltip.text($titleName[0]); 
    } 

    if (windowScroll >= $titlePosition[1].top - 100) { 
     $tooltip.text($titleName[1]); 
    } 

    if (windowScroll >= $titlePosition[2].top - 100) { 
     $tooltip.text($titleName[2]); 
    } 

    if (windowScroll >= $titlePosition[3].top - 100) { 
     $tooltip.text($titleName[3]); 
    } 
}); 

http://jsfiddle.net/userdude/sTNJM/

Answer 1

變化.section-title上課，因爲ID是唯一的，使用$.map的陣列，每個迭代並執行，如果條件：

var elem   = $('.section-title'), 
    $titleName  = $.map(elem, function(el,i) { return $(el).text(); }), 
    $titlePosition = $.map(elem, function(el,i) { return $(el).offset().top; }); 

$(window).on('scroll',function() { 
    var windowScroll = $(this).scrollTop(); 

    $.each($titlePosition, function(i, pos) { 
     var pad = i>0 ? 100 : 0; 
     if (windowScroll >= (pos - pad)) $tooltip.text($titleName[i]); 
    }); 
});