jquery - 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 的动画 api 页面中，它说“jQuery 库中唯一的缓动实现是默认的，称为摇摆，以及以恒定速度进行的一种，称为线性。”

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