Div scrollable avec item (centrer item dans la div sur le clic )

Bonjour,

j'ai une div qui fait une certaine taille exemple 400 px;
le contenu de cette div et une liste avec plusieurs items cette liste fait 745 px;

Donc la div est scrollable, j'aimerai quand je clique sur un item de ma liste pouvoir automatiquement centré cette element dans ma vu scrollable niveau vertical.

C'est a dire je clic par exemple sur le 5 eme items, j'aimerais centré cette item via un scrolltop par exemple et centrer donc cette element dans mon scroll .

Scroll verticale.

je vous remercie de votre aide.

en calculant le scrollTop nécessaire ...

ben en faite c'est un peu la que je bloque.

Car je recupere la hauteur de ma div scrollable, la hauteur de ma liste ainsi que la hauteur d'un item.

Mais sachant que la hauteur de la div scrollable ainsi que la hauteur de la liste peuvent être variable selon la taille de la fenêtre et du nombre d'item.

Dans tous les cas je récupère bien toute ces valeur mais le calcul, je n'arrive pas trop à visualisé comment faire.

ben scrollTop = top de l'element + 1/2 hauteur de la zone scrollable

de plus je peux recupere l'index de l'element sélectionner. Donc je pense récupérer tous les informations dont j'ai besoins mais le calcul je peche un peu

Citation:

---

Envoyé par SpaceFrog

ben scrollTop = top de l'element + 1/2 hauteur de la zone scrollable

---

ça me semble bizarre quand meme.

si je recupere le top de mon element cliquer : monElement.offset().top;

la hauteur de ma zone de scroll : la divscrollable.height();

la hauteur de la liste : parent.divscrollable.height()

j'ai donc : 392 element
607 taille liste
468 zone de scroll

scrollTop = 392 + 234 => 626

je suis out de ma taille de liste.

item = quelle balise ?
il y a quoi dans ton div scrollable ?


sinon un exemple
http://jsfiddle.net/dWL4V/

j'ai un tableau donc mes items sont des <tr>

ça ne change pas grand chose
http://jsfiddle.net/dWL4V/1/