Uso di JQuery .scroll() per replicare un pannello di scorrimento basato sullo slancio che si aggancia agli elementi

Question

Sto tentando di aggiornare l'overflow di scorrimento a scorrimento standard: scorrere verso di me un elemento più fluido che inoltre si aggancia agli elementi una volta completato lo scorrimento .

Ho una teoria su come farlo ma ho bisogno di assistenza.

I moderni browser e sistemi operativi, in particolare Safari, hanno comunque un certo slancio nello scroll. Quello che vorrei fare è riconoscerlo quando l'animazione a scorrimento è completa e poi scorrere un po 'più avanti per agganciare gli elementi li dentro.

Preferibilmente mi piacerebbe che scorresse agevolmente fino all'elemento a cui si aggancia. Al momento la funzione scroll() di JQuery si limita a essere applicata solo all'utente effettivo, senza alcun momentum che potrebbe insinuarsi.

iScroll fa un ottimo lavoro, ma è molto grande e ingombrante per le nostre esigenze e non è compatibile con backwards o Internet Explorer.

Qualche idea su come possiamo raggiungere questo obiettivo.

Marvelous

Answer 1

Questo è in realtà piuttosto semplice e può essere realizzato con jQuery; puoi usare la funzione animate di jQuery per animare lo scrolling (scrollTop), e impostare la funzione di andamento per facilitareOutElastic da questo plugin http://james.padolsey.com/demos/jquery/easing/.

$('myButton').click(function() { 
    $('myScroll').animate({scrollTop : XX},'easeOutElastic'); 
});