jquery – 如何为动画/滚动顶部添加’缓动’

前端之家收集整理的这篇文章主要介绍了jquery – 如何为动画/滚动顶部添加’缓动’前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在使用以下函数创建一个滚动动画来锚定链接
$('a').click(function(){
    $('html,body').animate(
        {scrollTop: $( $.attr(this,'href') ).offset().top},500 );
    return false;
});

我想补充一下.但是,当我在’500’之后添加’easing’时,会破坏脚本:

$('a').click(function(){
    $('html,500,easing );
    return false;
});

我有什么想法我做错了吗?

解决方法

首先你需要包含jQuery.UI脚本然后你的代码应该看起来:
$('a').click(function(){
    var top = $('body').find($(this).attr('href')).offset().top;
    $('html,body').animate({
        scrollTop: top
    },'eaSEOutExpo');

    return false;
});

供你参考:

缓解

The remaining parameter of .animate() is a string naming an easing
function to use. An easing function specifies the speed at which the
animation progresses at different points within the animation. The
only easing implementations in the jQuery library are the default,
called swing,and one that progresses at a constant pace,called
linear. More easing functions are available with the use of plug-ins,
most notably the 07000 suite.

为什么你的代码无效:

>因为你使用了动画方法和范围的这个引用body和html对象.>因为宽松不是一种方法.是您需要的字符串类型的动画属性将其写为字符串,例如:’eaSEOutExpo’或“eaSEOutExpo”.

猜你在找的jQuery相关文章