Question

我试图在jQuery中为我的动画功能创建一个缓动效果，但我遇到了一些麻烦。这就是我到目前为止所拥有的：

function myCustomFunction(id){
    var divTag = $("div[name='"+ id +"']");
    $('html,body').animate({scrollTop: divTag.offset().top}, 800);
}

我想要使用的轻松称为＆＃34; easeOutQuint＆＃34;。我尝试按照此处的示例（http://easings.net/#easeOutQuint），但无法将示例应用于我的函数。

Answer 1

首先，在此页面上添加 download 部分的第一个脚本：（http://gsgd.co.uk/sandbox/jquery/easing/）。

然后输入如下所示的jQuery动画线：

function myCustomFunction(id){
var divTag = $("div[name='"+ id +"']");
$('html,body').animate({scrollTop: divTag.offset().top}, 800, 'easeOutQuint');
}

在这里你可以看到例子...... http://jsfiddle.net/Gq367/

如您所见，您错过了jquery animate函数中的缓动参数。快速提醒：.animate（属性[，持续时间] [，缓和] [，完成]）

我很感兴你为什么选择div by name属性？

使用jQuery缓解Animate Scroll

1 个答案: