Aller au contenu à l'intérieur d'un div scrollable

Question

je me suis le code HTML suivant:

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

Avec cette configuration, je suis un peu mimant le <select> élargi contrôle avec @size attribut défini. Ainsi, un utilisateur peut sélectionner une ligne dans la table. Y a-t-il un moyen, pour que la table "saute", afin que la ligne sélectionnée apparaisse en haut de la div et que la barre de défilement verticale défile vers sa position. Je n'ai pas besoin de l'effet de défilement réel. La table devrait changer sa position tout de suite sur la ligne cliquer.

Answer 1

Cela pourrait fonctionner:

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

Answer 2

Je suggère d'utiliser scrollTop (ou même animer si vous voulez).

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

http://jsfiddle.net/8mepH/

Answer 3

Voici un extrait modifié du code utilisé dans: http://www.balupton.com/sandbox/jquery-scrollto/demo/

Pour faire ce que vous voulez:

  // 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') 

Nous ajoutons une ligne ici pour nous assurer que nous obtenir la bonne position de départ dans la zone de défilement. Nous utilisons une différence de décalage, donc si vous voulez faire des animations, c'est des animations depuis la position de départ, plutôt que de sauter ailleurs.