javascript - .animate 滚动宽度

Question

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

Fiddle

不知道为什么它看起来像这样

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

好像是working fine当设置为“display:none”时，我想使用 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/