javascript - jQueryを使用したページスクロール中に同じクラスの次の要素を取得する

Question

1つのページに、同じクラス名の要素が10個あります。

<span class="simpleclass">text</span>

私がやろうとしているのは、ページがスクロールされたときにクラス「simpleclass」の次の要素に移動することです。つまり、初めてページをスクロールするときに、ページ上のクラス「simpleclass」などの2番目のスパンへの参照を取得する必要があります。これを実現する方法を誰かが理解するのを手伝ってもらえますか？

ありがとう。

Answer 1

現在を追跡するためのグローバル変数を作成しますspan。

var currentSpan = 1;

次に、ページがスクロールされるたびに、次を取得して変数spanをインクリメントできます。currentSpan

$(window).scroll(function() {
    var span = $("span.simpleclass").eq(currentSpan);
    currentSpan++;
});

Answer 2

手工芸品: )http://jsfiddle.net/TK3dd/7/

$(window).on('scroll', function(){
    var length = $('.simpleclass').length;
    var off = $('.simpleclass').css('height').replace('px','');
    var _tmp = Math.ceil(Math.abs(window.scrollY)/parseInt(off));
    _tmp = _tmp > (length-1) ? (length-1) : _tmp;
    console.log( $('.simpleclass:eq('+_tmp+')') );
})​