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