Question

我有一个问题，我试图在滚动的设定点显示。目前.animate在展示前会延迟几秒钟。

不知道为什么它似乎与

一样

$(window).scroll( function() {
if( $(this).scrollTop() > 575 ) {
    $("#small-logo").show('slow');
}
else {
    $("#small-logo").hide('slow');
}
});

当设置为“display：none”时似乎是working fine但是我想使用jQuery Easing Plugin来使动画更好。

Answer 1

$(window).scroll( function() {
    if( $(this).scrollTop() > 250 ) {
        $("#small-logo").animate( { "width": "200"}, {queue: false} );
    }
    else {
        $("#small-logo").animate( { "width": "0"}, {queue: false}  );
    }
});

这里有关于队列的文档：http://api.jquery.com/animate/

Answer 2

jQuery的animate函数的默认动画时间为400毫秒（0.4秒），可以使你的徽标变大，也可以让400ms变小。

您可以使用参数调整该速度：

$("#small-logo").animate( { "width": "200"}, 100 );

100每个动画站立100毫秒。

编辑： rodes的答案就像一个魅力！

滚动时的.animate宽度

2 个答案: