Flexibilización jQuery ScrollTo

Question

puedo aplicar un método de suavizado de Jquery ScrollTo:

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

Esta facilidad Indiferente nada ... Estoy empezando a usar jQuery ahora (estado utilizando prototipo de largo) por lo que este es sin duda mi error. ¿Necesito un plugin de flexibilización para lograr esto? ¿Cuáles son la opción de aceleración de este plugin (si los hay)? La documentación no es clara acerca de esto. Gracias.

Answer 1

A partir de jQuery:

Las implementaciones única moderación de la biblioteca jQuery son el defecto, llamada oscilación, y uno que progresa a un ritmo constante, llamada lineal .

No se supone

Así easing: 'linear' para mostrar nada. Trate easing: 'swing'.

Answer 2

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

Y una gran lista de easings se pueden encontrar aquí:

http://easings.net/

Answer 3

linear es la opción predeterminada de aliviar:. Animación lineal => recta hasta el punto en un sec

intento easing:'elasout'

Answer 4

Sé que esto es un viejo hilo, pero lo encontré y me ayudó. Como Palmsey ha mencionado en el uno de los comentarios, los espectáculos scrollTo de demostración un ejemplo del uso aliviar, pero en realidad no mencionar que se ha prestado un pequeño fragmento de código de la flexibilización Plugin encontrar en http://gsgd.co.uk/sandbox/jquery/easing/ . La demo en scrollTo incluye este código en el archivo 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;
    };

Sin embargo si se incluye toda la flexibilización complemento mencionado anteriormente se puede utilizar cualquiera de las funciones mencionadas en http://easings.net/