淡入后移至页面底部

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 - 将从页面顶部返回元素的位置。