Saltate verso l'interno contenuto di un div scorrevole

Question

ho ottenuto il seguente codice HTML:

<div style="height:200px;overflow-y:scroll;">
  <table>.....</table>
</div>

Con questa configurazione Sono un po 'imitando il controllo <select> ampliata con @size attributo definito. Quindi, che un utente potrebbe selezionare una riga nella tabella. C'è un modo, per rendere la tabella "saltare", in modo che la riga selezionata sembra essere al top del div e la barra di scorrimento verticale scorrere nella sua posizione. Non ho bisogno l'effetto reale di scorrimento. La tabella dovrebbe cambiare la sua posizione subito nel braccio clic.

Answer 1

Questo lavoro potrebbe:

$("#scrollableDiv").animate({
  scrollTop: 200 // scrolls to the bottom
}, 1000);

Answer 2

Io suggerisco di usare scrollTop (o anche animarla, se si desidera).

$('div')[0].scrollTop = 200 //would set the scrollable div to 200px down.

http://jsfiddle.net/8mepH/

Answer 3

Ecco un estratto modificata del codice utilizzato in: http://www.balupton.com/sandbox/jquery-scrollto/demo/

Per fare ciò che si vuole:

            // Fetch the scrollable div
            $container = $('#scrollable');
            // Fetch the target div
            $target = $('#target');

            // Prepare the Inline Element of the Container
            var $inline = $('<span/>').css({
                'position': 'absolute',
                'top': '0px',
                'left': '0px'
            });
            var position = $container.css('position');

            // Insert the Inline Element of the Container
            $container.css('position','relative');
            $inline.appendTo($container);

            // Determine the Offsets
            var startOffset = $inline.offset().top,
                targetOffset = $target.offset().top,
                offsetDifference = targetOffset - startOffset;

            // Perform the jump
            $container.css('scrollTop',offsetDifference+'px')

aggiungere un linea qui per assicurarci di ottenere la posizione di partenza corretta all'interno dell'area scorrevole. Usiamo una differenza di offset, quindi se si vuole fare le animazioni si animazioni dalla posizione di partenza, piuttosto che saltare da qualche altra parte.