[RESOLU] Deplacer des element independement du scroll

Salut a tous, je sais que le titre est un peu farfelus mais je vais essayez d'etre un peu plus explicite, tout d'abord, voila l'architecture de ma page, au centre:

 <header></header>
<section>
      <article></article>
      <article></article>
 </section>
 <footer></footer>

et sur chaque cote:

<aside>
      <article></article>
      <article></article>
 </aside>

Maintenant mon probleme, chaque aside est en

position: fixed;

pour etre toujours visible, il sera toujours moins haut que la page. Pour l'instant le haut des aside est aligner avec le haut de la balise <section> et je voudrais que des que l'utilisateur commence a scroller la page, les deux <aside> viennent se centrer verticalement et que si l'utilisateur revienne e haut de la page, ils se realignent avec la balise <section>. Malheuresement , je ne sais abolument pas comment m'y prendre, je me doute qu'il va me falloir du javascript mais je ne vois pas comment l'utiliser ici. Donc si quelqu'un pouvait me donner une piste de départ cela m'aiderai pas mal et si cette personne pouvait en plus me dire que c'est possible qu'avec le CSS, j'en serai plus que ravi !! .
Modifié par TeddyBeers (10 Feb 2014 - 15:52)

Finalement j'ai trouver, pou les prochain que ca pourait interesser, il suffit d'utiliser d'un petit bout javascript ou autre pour modifier la position, hauteur ou ce que vous voulez coupler a la propriété css "transition" qui detecte le changemnt et s'occupe de rendre ca plus "agreable visuelement".

Je vous met un lien vous comprendrez sans doute beaucoup mieux: http://www.alsacreations.com/tuto/lire/873-transitions-css3-animations.html