javascript - 如何在动画进行时隐藏此 div？

Question

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

JSHint 喜欢它，但我得到了一个Uncaught TypeError: Object #<Object> has no method 'slow'控制台。

Answer 1

你的论点有问题：

$('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');

Answer 2

反之亦然.. animate 函数的语法是

动画（属性，持续时间，功能）

请改成

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