Jquery: scroll interno a div

[the_driver]

Ciao a tutti , ho il seguente problema:

ho un elenco di valori in un div fatto in questo modo:

<div id="mio_div" style="height:100px,width:200px;overflow:auto">[*]1[*]2[*]3[*]4[*]5[*]6
<li class="element_selected">7[*]8[*]9[*]10

......


</div>

Questa lista può avere N elementi li, io vorrei che javascript/jquery effettuasse auto scroll all'interno del div fino a raggiungere l'elemento con classe element_selected

Come posso fare?

[m4rko80]

In che momento devi fare lo scroll??
perche' volendo esiste scrollTo di jquery, gli indichi il selettore dove spostarti ed è fatto.
http://demos.flesler.com/jquery/scrollTo/

[the_driver]

al caricamento della pagina

[m4rko80]

Se guardi la demo c'e' tutto, ad ogni modo dovrebbe essere:

$(document).ready(function(){
$('body').scrollTo( '.element_selected', 800 );
});

Dove 800 e' il tempo in millisecondi.
Devi scaricarti il plug in.

Non son sicuro per il body se mai correggi tu

[the_driver]

ma io non voglio far scrollare il body, ma solo il div internamente (come fa la demo)

grazie per l'aiuto

[m4rko80]

ma 'body' non e' quello che si sposta.. e' il tag di riferimento come nella demo.
Se guardi la demo ci sono le stringhe di codice a seconda del caso.
Basta che provi il plugin e dovresti essere a posto.

[the_driver]

ciao, mi sa che ho ragione sul fatto che non è body ma è il div contenitore a scrollare.

Analizzando l'esempio del sito (analizzando init.js) per quanto riguarda l'esempio "jQuery Object", ecco cosa utilizza

var $paneTarget = $('#pane-target');
		$('#jquery-object').click(function(){
			var $target = $paneTarget.find('li:eq(14)');
			$paneTarget.stop().scrollTo( $target , 800 );
		});

pane-target è il div contenitore.

Io dovrei fare la stessa cosa, adesso continuo a vedere l'esempio.

grazie per l'aiuto