Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/71.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 在fadeIn之后移到页面底部_Javascript_Jquery - Fatal编程技术网

Javascript 在fadeIn之后移到页面底部

Javascript 在fadeIn之后移到页面底部,javascript,jquery,Javascript,Jquery,我将遍历每个元素,这些元素都有一个.fadeIn类,然后我想做的是移动到页面底部(因为这是自上而下的)。它应该总是在页面的底部 以下代码不起作用: jQuery( document ).ready(function ($) { var delay = 900 $( ".fadein" ).hide(); $( ".fadein" ).each(function (index) { $( this ).delay( index * delay ).fadeIn(

我将遍历每个元素,这些元素都有一个
.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() );
    });
});

我怀疑你想要的是页面在淡入时自动滚动到每个项目

尝试将其更改为:

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

$(this).offset().top-将从页面顶部返回元素的位置。

请也向我们显示您的html。@CanerAkdeniz它作为JSFIDLE提供,这里:啊!将其作为回调添加到fadeIn方法似乎是可行的。谢谢。很酷,很高兴我能帮上忙。我还对你的代码做了一些小游戏,并制作了这个