Salve a tutti ragazzi e buon anno!!!
avrei bisogno di un aiutino in JQuery.
Come si può evincere dall'immagine, sto realizzando una tastiera in stile iPad in HTML5 e jQuery. Ho quasi finito ma ho solo bisogno che quando seleziono un campo, parta un "animate" che effettui uno scroll e porti il campo esattamene a ridosso del bordo superiore della tastiera. Perciò ho bisogno che avvenga uno scrollBottom (che in realtà non esiste).
La Tastiera è un div fisso con bottom a 0, tutto quello che sta dietro è scrollabile.


Ho giocato un pò con gli offsetTop degli elementi ma non riesco a uscirne. Alla fine ho creato un pò di confusione da come si può vedere dal codice.


codice:
$('html, body').animate({
    'scrollTop'     : -(-(_this.DIV-TASTIERA.offset().top)+(_this.DIV-TASTIERA.offset().top+(_this.DIV-TASTIERA.offset().top-_this.CAMPO-DI-TESTO.offset().top)))+_this.CAMPO-DI-TESTO.height()
});

Potreste darmi una mano? grazie mille

Schermata 2015-01-01 alle 21.23.09.jpg