Comment faire défiler le tableau de tr particulier par programmation

Je veux faire défiler la page html afin de tr particulier par l'utilisation de Javascript ou jquery. Actuellement je peux obtenir le décalage de la sélection de la tr .Et je suis en utilisant le scrollTop méthode .J'ai essayé ce qui suit, mais il ne fonctionne pas pour moi :

var table  = document.getElementById("table");
var tr = table.getElementsByTagName("tr")[3];
var scrollTo = tr.offsetTop;
table.scrollTop = scrollTo;

aussi j'ai essayé avec jquery :

$('#table').animate({scrollTop:0},50);

quelqu'un peut m'aider où suis-je mal ?

  • veuillez fournir jsFiddle
  • J'ai ajouté tout le code relatives à la fonctionnalité .
InformationsquelleAutor V-Xtreme | 2014-04-04
  1. 4

    essayez ceci : http://jsfiddle.net/SZKJh/

    var w = $(window);
var row = $('#tableid').find('tr').eq( line );

if (row.length){
    w.scrollTop( row.offset().top - (w.height()/2) );
}

    référence :

    https://stackoverflow.com/a/7853216/1982680

    InformationsquelleAutor Dipali Vasani
  2. 8

    Cela a fonctionné pour moi, essayez cette

    var elm = document.getElementById(id);
elm.scrollIntoView(true);
    InformationsquelleAutor Prashanth vunnam gcs
  3. 0

    Ici la aussi simple étape pour faites défiler de haut en fonction de

     var s = $("table tbody > tr:nth-child(20)").position();
 $( "div" ).scrollTop( s.top );

    Ici la Démo

    InformationsquelleAutor Selvamani