Estoy tratando de recrear el evento de desplazamiento / desplazamiento del iPhone en una ventana usando JavaScript.

Comenzando con JQuery, estoy midiendo la aceleración y el desplazamiento del mouse durante los eventos de hacer clic, arrastrar y soltar usando un temporizador:

var MouseY = {

    init: function(context) {
        var self = this;
        self._context = context || window
        self._down = false;
        self._now = 0;
        self._last = 0;
        self._offset = 0;
        self._timer = 0;
        self._acceleration = 0;

        $(self._context).mousedown(function() {self._down = true;});
        $(self._context).mouseup(function() {self._down = false;});
        $(self._context).mousemove(function(e) {self.move(e);});

    },

    move: function(e) {
        var self = this;
        self._timer++;
        self._last = self._now;
        self._now = e.clientY + window.document.body.scrollTop;
        self._offset = self._now - self._last;
        self._acceleration = self._offset / self._timer;
    },

    reset: function() {
        this._offset = 0;
        this._acceleration = 0;
        this._timer = 0;
    }
};


$(function() {
    MouseY.init();
    setInterval(function() {
        $('#info').html(
            '_acceleration:' + MouseY._acceleration + '<br />' +
            '_now:' + MouseY._now + '<br />' +
            '_offset:' + MouseY._offset + '<br />' +
            '_timer:' + MouseY._timer + '<br />'
        );
        MouseY.reset();
    }, 10);

});

Ahora el problema es traducir esa aceleración en movimiento de pantalla: ¿hay algún algoritmo (suavizado) o biblioteca de animación que pueda ayudarme en esto? (¡He examinado el .animate de JQuery () pero no estoy seguro de cómo aplicarlo continuamente durante los eventos de arrastre!

Actualización: solución final aquí:

http://johnboxall.github.com/iphone.html