javascript - スクロールしている現在の要素のインデックスを見つける - Jquery

Question

クラス名が「class」の固定高さの自動スクロール対応 div があるとします。次のように、スクロールしている現在の「クラス」の div のインデックスを見つけたい:

var type = -1;
$(window).scroll(function(type_request){
    type = $('.class').index($(this));console.log(type);
});

しかし、スクロール後に出力がありません。

Answer 1

メソッド呼び出しが逆になっているようです。これを試して：

$(window).scroll(function(){
    type = $(this).index();
    console.log(type);
});

編集: class で div のみをスクロールできるようにしたい場合は.class、具体的にそれにバインドする必要があります:

$('.class').scroll(function(){
    type = $(this).index();
    console.log(type);
});

また、jQuery 1.7 以降を使用している場合は、on代わりにscroll(の省略形bind('scroll'))を使用する必要があります。

$('.class').on('scroll', function(){
    type = $(this).index();
    console.log(type);
});