javascript - フェードイン後にページの下部に移動

Question

のクラスを持つ各要素をループしています。.fadeIn次に、ページの下部に移動します (これはトップダウンになるため)。常にページの下部にある必要があります。

次のコードは機能しません。

jQuery( document ).ready(function ($) {
    var delay = 900
    $( ".fadein" ).hide();
    $( ".fadein" ).each(function (index) {
      $( this ).delay( index * delay ).fadeIn( "slow" );
      $( "html, body" ).scrollTop( $( document ).height() );
    });
});

Answer 1

あなたが望むのは、ページがフェードインするときに各項目に自動的にスクロールすることだと思います.

次のように変更してみてください。

 $( ".fadein" ).each(function (index) {
    $(this).delay( index * delay ).fadeIn( "slow" );
    $( "html, body" ).scrollTop( $(this).offset().top );
})

$(this).offset().top - ページの上部から要素の位置を返します。