テーブルを自動スクロールする

Question

私はテーブルに取り組んでいますが、ユーザーデータによってはディスプレイに収まらないほど広いかもしれないので、 "overflow：auto;"にしました。

テーブルを自動的にスクロールして、特定の名前のセル（「cell_ '+ row +' _ '+ col）」が表示されるようにしたいとします。

どうすればこの問題が発生するのですか？ jQueryに関連するいくつかの提案を見たことがありますが、何もすることができませんでした。

私はスムーズなアニメーションは必要ありませんが、私はそれがユーザーの気を散らしていると思っていました。

Answer 1

チェックアウトthisフィドル：

はJavaScript

var container = $(".narrow"); 
container.scrollTop(0); 
container.scrollLeft(0); 
container.scrollTop($("#cell_3_3").offset().top - container.offset().top); 
container.scrollLeft($("#cell_3_3").offset().left - container.offset().left); 

HTML

<div class="narrow"> 
    <table> 
    <tr> 
     <td id="cell_1_1">1. Content ...</td> 
     ..... 
    </tr> 
    ..... 
    </table> 
</div> 

CSS

.narrow { 
    max-width: 100px; 
    max-height: 200px; 
    overflow: auto; 
} 

UPDATE 1

新しいfiddleが優れています。すべてのセルをループします。