Jquery ScrollTo Assouplissement

Cant appliquer la méthode d'accélération de Jquery ScrollTo:

$("#scroller").scrollTo(target,1000,{axis:'x',easing:'linear'});

Cela ne marche pas à l'aise quoi que ce soit...
Im commencer à utiliser jquery maintenant (à l'aide de prototype pour longtemps) donc c'est sûrement de ma faute.
Ai-je besoin d'un assouplissement du plugin pour y parvenir? Quelles sont les assouplissements option pour ce plugin (le cas échéant)? La documentation n'est pas claire à ce sujet.
Merci.

Quel plugin utilisez-vous? Cette méthode ne fait pas partie de l'API jQuery.

OriginalL'auteur JoaoPedro | 2010-11-25

  1. 9

    De jQuery:

    Le seul assouplissement des implémentations dans la bibliothèque jQuery sont par défaut, appelé swing, et qui progresse à un rythme constant, linéaire.

    Donc easing: 'linear' n'est pas censé montrer quoi que ce soit.
    Essayez easing: 'swing'.

    Que fait-il. Le typique de l'effet de swing. Merci.

    OriginalL'auteur Gidon

  2. 5
    $("#scroller").scrollTo(target, 1000, {easing: 'easeInOutCirc'});

    Et une grande liste de levées peuvent être trouvés ici:

    http://easings.net/

    +1 pour le lien de easings.net ! 🙂

    OriginalL'auteur Mike Wells

  3. 1

    linear est l'option par défaut de l'assouplissement de : linéaire animation => directement à l'essentiel en une seconde.

    essayer easing:'elasout'

    nope. 'elasout des" pauses. Ce serait bien, mais non.
    il ne casse rien, c'est un assouplissement type de scrollTo sur leur page d'accueil. Plus particulièrement, c'est celui utilisé sur leur démo : demos.flesler.com/jquery/scrollTo (cliquez sur "assouplissement"). Si vous vouliez un précis d'assouplissement (il y en a beaucoup plus), vous devriez avoir précises.
    Si vous regardez le code que l'assouplissement de la fonction init.js et pas dans scrollTo par défaut. C'est une partie du plugin jQuery easing: gsgd.co.uk/sandbox/jquery.easing.php

    OriginalL'auteur Shikiryu

  4. 1

    Je sais que c'est un vieux thread mais je l'ai trouvé et il m'a aidé. Comme Palmsey a mentionné dans l'un des commentaires, le scrollTo Démo montre un exemple d'utilisation de l'accélération, mais ne fait pas oublier qu'il a emprunté un petit extrait de code de l'assouplissement plugin trouvé à http://gsgd.co.uk/sandbox/jquery/easing/. La démo sur scrollTo comprend ce code dans les init.js fichier

        //borrowed from jQuery easing plugin
    //http://gsgd.co.uk/sandbox/jquery.easing.php
    $.easing.elasout = function(x, t, b, c, d) {
        var s=1.70158;var p=0;var a=c;
        if (t==0) return b;  if ((t/=d)==1) return b+c;  if (!p) p=d*.3;
        if (a < Math.abs(c)) { a=c; var s=p/4; }
        else var s = p/(2*Math.PI) * Math.asin (c/a);
        return a*Math.pow(2,-10*t) * Math.sin( (t*d-s)*(2*Math.PI)/p ) + c + b;
    };

    Cependant, si vous incluez l'ensemble de l'assouplissement plugin mentionné ci-dessus, vous pouvez utiliser l'une des fonctions mentionnées au http://easings.net/

    OriginalL'auteur Brian Williams