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方法似乎是可行的。谢谢。很酷,很高兴我能帮上忙。我还对你的代码做了一些小游戏,并制作了这个