javascript - アニメーションの進行中にこのdivを非表示にするにはどうすればよいですか？

Question

    $('body').animate({scrollTop: $('#content-display').offset().top}, function () {
        $("#loading").hide();
    }, 'slow');

JSHintは気に入っていますがUncaught TypeError: Object #<Object> has no method 'slow'、コンソールに表示されます。

score 3 · Accepted Answer

あなたの引数は順不同です:

$('body').animate({scrollTop: $('#content-display').offset().top}, 'slow', function () {
    $("#loading").show();
});

animateドキュメントから：

.animate(プロパティ [, 期間] [, イージング] [, 完了] )

ただし、タイトルの状態を実行したい場合は、アニメーションの前showにdivを作成し、後で非表示にする必要があります。

$("#loading").show();
$('body').animate({scrollTop: $('#content-display').offset().top}, function () {
    $("#loading").hide();
}, 'slow');

score 0 · Accepted Answer

それは逆です..アニメーション関数の構文は

アニメート（プロパティ、期間、機能）

に変更してください

$('body').animate({scrollTop: $('#content-display').offset().top}, 'slow', function () { $("#loading").show(); });

2 に答える 2