JQuery scrollTo Easing

Question

Can not anzuwenden, um eine Lockerung Methode JQuery scrollTo:

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

Dies hat keine Leichtigkeit alles ... Im beginnt jetzt verwenden jquery (seit lange mit Prototyp) so ist dies sicherlich Fehler meine ist. Muss ich eine Lockerung brauchen Plugin, dies zu erreichen? Was ist die Lockerung Option für dieses Plugin (falls vorhanden)? Die Dokumentation ist nicht klar darüber. Danke.

Answer 1

Von jQuery:

Das einzige Lockerung Implementierungen in der jQuery-Bibliothek ist der Standard, genannt Swing, und eine, die Fortschritte bei einer konstanten Geschwindigkeit, die so genannte lineare .

So easing: 'linear' soll nichts zeigen. Versuchen Sie easing: 'swing'.

Answer 2

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

Und eine große Liste von Easing finden Sie hier:

http://easings.net/

Answer 3

linear ist die Standardoption der Lockerung. Lineare Animation => direkt auf den Punkt in einer sec

try easing:'elasout'

Answer 4

Ich weiß, das ist ein alter Thread, aber ich fand es und es hat mir geholfen. Wie Palmsey hat in dem einen der Kommentare erwähnt, ist die scrollTo Demo zeigt ein Beispiel der Verwendung Lockerung, aber nicht erwähnt, eigentlich, dass es a href geliehen hat Lockerung einen kleinen Code-Schnipsel aus dem bei gefunden Plugin <= "http: / /gsgd.co.uk/sandbox/jquery/easing/“rel = "nofollow"> http://gsgd.co.uk/sandbox/jquery/easing/ . Die Demo auf scrollTo enthält diesen Code in der Datei Init.js

    //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;
    };

Wenn Sie jedoch die gesamte Lockerung umfassen Plugin oben erwähnten Sie eine der genannten Funktionen unter http://easings.net/ verwenden können