动态获取值，即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]); 
    }); 
});