スクロールバーのオーバーフローを使用しているテーブルの行にスクロールする方法はありますか？

Question

私は1ページ内でスクロール可能なテーブルを持っています。私はこれを達成するためにjQueryスクロールテーブルプラグインを使用しましたが、今は特定の行にスクロールする方法を理解する必要があります。私を含むいくつかの異なる方法で試してみた

：

$.scrollTo($('#rowIWantToScrollTo')); 

と

var rowpos = $('#rowIWantToScrollTo').position(); 

$('#myTable').scrollTop(rowpos.top); 

と

$('#rowIWantToScrollTo').scrollIntoView(); 

、何もこれまでに取り組んできました。

Answer 1

LIVE DEMO

は、ここでそれを行う方法です。 （あなたは近くにいた）。

1）上部（オフセットを用いた素子のオフセットフェッチ）と

2 .top）スクロール要素にIは、例示の目的のためにビットをそれを壊しScrollTo

を使用。

Javascriptを：

$("a").click(function(e){ 

    var _offset = $(".row9").offset(); 
    var _topoffset = _offset.top; 

    $(".scrollbox").scrollTop(_topoffset); 

    e.preventDefault(); 
}); 

Answer 2

はい、あなたは右@ShaneCourtrilleです。私が見ることができるように、特定の行にスクロールするプラグインには機能が組み込まれていません。

以下は、ハイパーリンクを使用した非常に単純なソリューションです。これはあなたが望むものであるが、それは...

が...

<tr> 
    <td><a name="toHere"></a>FL</td> 
    <td>$1,364.27</td> 
    <td>$712.05</td> 
    <td>$211.11</td> 
    <td>$416.87</td> 
    <td>$1,364.27</td> 
    <td>$712.05</td> 
    <td>$211.11</td> 
    <td>$416.87</td> 
</tr> 

をこのような内部アンカーをジョブを作成し、テーブルの外にそれをリンクしなければわからない - <a href="#toHere">Scroll to my specified row</a>

私はちょうど簡単な検索を行い、そこに他のプラグインがあります。 1つはDataTablesです。

あなたの助けになるかもしれません以下のリンクに記載されているいくつかのより多くのプラグイン...あなたは何jQueryのスクロール可能なテーブルのプラグインを使用しました

https://stackoverflow.com/questions/159025/jquery-grid-recommendations