javascript - 一連の div をスクロールする — Jquery

Question

ウィンドウに div のシーケンスをスクロールさせようとしています。これが私のコードですが、かなり的を絞っており、複数の div では機能しません。

    $('.down_arrow').click(function(e){
    $('html, body')
        .animate({scrollTop:$('.two')
        .offset()
        .top }, 'slow');
});

JSFIDDLE

クリックするたび$('.container')にそれぞれを通過できる方法はありますか？$('.arrow_down')

Answer 1

$('.down_arrow').click(function(e) {
    var next_container = $(this).parents(".container").next(".container");
    $('html, body')
    .animate({ scrollTop:next_container.offset().top }, 'slow');
});

JSFiddle

Answer 2

最後にスクロールしたコンテナーを保存し、次のコンテナーにスクロールする必要があります。このようなもの：

var currentContainerIndex = 0;

$('.down_arrow').click(function(e){
  var currentContainer = $($('.container')[currentContainerIndex]);
  if (!currentContainer.size()) {
    currentContainerIndex = 0;
    currentContainer = $($('.container')[currentContainerIndex]);
  }
  $('html, body').animate({scrollTop:currentContainer.offset().top }, 'slow');
  currentContainerIndex++;
});