2010-06-01 12 views
8

Con este código he podido capturar el movimiento de la rueda del mouse y aplicarlo a las barras de desplazamiento horizontales en lugar del valor predeterminado vertical.¿Cómo implementar la aceleración de JQuery en esta función de movimiento de desplazamiento de ventana?

$('html').bind('mousewheel', function(event, delta) { 
    window.parent.scrollBy(-120 * delta, 0); 
    return false; 
}); 

¿Hay alguna manera de que yo podría añadir esta animación aliviar jQuery para el movimiento de desplazamiento?

// t: current time, b: begInnIng value, c: change In value, d: duration 
jQuery.extend(jQuery.easing, { 
    easeInOutBack: function (x, t, b, c, d, s) { 
     if (s == undefined) s = 1.70158; 
     if ((t/=d/2) < 1) return c/2*(t*t*(((s*=(1.525))+1)*t - s)) + b; 
     return c/2*((t-=2)*t*(((s*=(1.525))+1)*t + s) + 2) + b; 
    } 
}); 

¡Muchas gracias de antemano!

Respuesta

1

Creo que lo que necesita es el complemento scrollTo. parece ajustarse a la factura, aunque no lo he usado personalmente. básicamente, debe ser capaz de llamarlo como esto

$.scrollTo(-120*delta, {duration:1000,easing:'easeInOutBack',axis:'x'}) 

encontrar la demo complemento here. el sitio de complemento de jquery parece estar actualmente desconectado, pero cuando se realiza una copia de seguridad, se puede encontrar el complemento here

+0

Ya está de vuelta :) – ozke

Cuestiones relacionadas