jQuery动画使用缓动函数滚动到ID

Question

我正在尝试滚动到特定的ID：

 $("#button1").click(function() {
        $('html, body').animate({
            scrollTop: $("#Sec1").offset().top
        }, 700);

工作正常。

我的问题是：

如何通过缓和功能来做同样的事情？

我尝试过以下功能但不起作用：

 $("#button1").click(function() {
        $('html, body').animate({
            scrollTop: $("#Sec1").offset().top
        }, 700, "easeInOutCirc");

任何建议都将不胜感激。

Answer 1

为了使用默认值或linear以外的缓动类型，您需要包含jQuery UI。在jQuery的animate api页面中，它说“jQuery库中唯一的缓动实现是默认的，称为swing，并且以恒定的速度进行，称为线性。”

在用于缓动的jQuery UI页面上：http://api.jqueryui.com/easings/如果包含jQuery UI，则可以看到其他类型的内容。