Contenu de défilement vertical dans DIvs - Recharger vers le haut

Question

J'utilise la balise de type HTML 'overflow: scroll' pour créer une barre de défilement dans plusieurs conteneurs div pour afficher le texte et le contenu de l'image dans le parchemin. Je l'ai installé dans les zones de contenu à onglets, qui sont rassemblés appelant divs dans les liens de tabulation. J'essaie de comprendre comment, si possible, quand un utilisateur navigue sur un onglet différent et ensuite de retour - pour permettre à cette barre de défilement de recharger vers le haut, prêt à faire défiler vers le bas à nouveau.

À peu près, le balisage;

 <li class="newtab"> 

<!--JS Rollover Button for Tab--> 

<a href=#tab13 onMouseOver= "if (document.images) document.tab_recordedattack_off1.src= 'img/Btns/tab_recordedattack_on1.png';" onMouseOut= "if (document.images) document.tab_recordedattack_off1.src= 'img/Btns/tab_recordedattack_off1.png';"><img src="img/Btns/tab_recordedattack_off1.png" name=tab_recordedattack_off1 border=0></a> 

<!--End JS Rollover Button for Tab--> 

     </li> 

    </ul> 

    <div class="tab_container"> 

     <div id="tab13" class="tab_content"> 

      <div class="tabright"> 

<div style="border:0px solid black;width:500px;height:400px;overflow:scroll;overflow-y:scroll;overflow-x:hidden;"> 

J'ai pensé à essayer de mettre d'un simple point d'ancrage html en haut des zones de défilement et en quelque sorte y appeler dans les liens de l'onglet - mais ne peut pas comprendre comment faire.

Des suggestions? - Comment puis-je pointer les liens à onglets vers le contenu et le point d'ancrage?

Answer 1

Vous pouvez utiliser jQuery pour réinitialiser le défilement: http://jsfiddle.net/Cqhch/

$("button").click(function(){ 
     $("div:first").scrollTop(0); 
    });