文章/答案/技术大牛

发布

问用jQuery减轻动画涡旋
EN

Stack Overflow用户

提问于 2014-06-17 15:22:08

回答 1查看 4K关注 0票数 0

我试图在jQuery中为我的动画功能创建一个轻松的效果，但我遇到了一些麻烦。到目前为止，我的情况如下：

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

我想使用的易用性叫做"easeOutQuint“。我试图遵循这里的示例(http://easings.net/#easeOutQuint)，但无法将该示例应用到我的函数中。

easing

jquery

scroll

jquery-animate

effect

回答 1

Stack Overflow用户

回答已采纳

发布于 2014-06-17 18:54:19

首先，包括本页面下载部分的第一个脚本：(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(属性、持续时间、完成)

我很感兴趣，为什么你选择div的名字属性？

票数 3

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/24267628

复制

相似问题

问用jQuery减轻动画涡旋
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问用jQuery减轻动画涡旋EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问用jQuery减轻动画涡旋
EN