javascript - 如何在 jQuery 中实现滚动动画？

Question

我想用动画将页面从顶部滚动 1750px。我尝试了以下方法，但不起作用。

$('#trailer').click(function() {
    event.preventDefault();
    //$(window).scrollTop(1750); // I want to animate this.
    $(window).animate(
        {top: 1750},
        200);
    return false;
});

Answer 1

您需要使用 scrollTop 而不是 top，并且必须在 body(或 html 和 body)上调用 animate 取决于浏览器):

$('html, body').animate({
  scrollTop: 1750
}, 200);

Fiddle