Come implementare l'allentamento di JQuery in questa funzione di scorrimento della finestra?

Question

Con questo codice sono riuscito a catturare il movimento della rotellina del mouse e applicarlo alle barre di scorrimento orizzontali anziché al valore predefinito verticale.

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

C'è un modo per aggiungere questa animazione di animazione jQuery al movimento di scorrimento?

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

Grazie mille in anticipo!

Answer 1

Penso che quello che ti serve sia il plugin scrollTo. sembra adattarsi al conto, anche se non l'ho usato personalmente. in fondo dovrebbe essere in grado di chiamare in questo modo

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

trovare il plugin demo here. il sito del plug-in jquery sembra essere offline, ma quando è disponibile il suo backup, il plug-in può essere trovato here