0

1 ページ内でスクロール可能にする必要があるテーブルがあります。これを達成するためにjQueryのスクロール可能なテーブルプラグインを使用しましたが、特定の行にスクロールする方法を理解する必要があります.

以下を含むいくつかの異なる方法を試しました。

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

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

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

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

そして、これまでのところ何も機能していません。

4

2 に答える 2

1

ライブデモ

これがその方法です。(あなたは近かった)。

1)offset()と.topを使用して要素の上部オフセットを取得します

2)ScrollToを使用して要素までスクロールします

説明のために少し分割しました。

Javascript:

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

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

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

  e.preventDefault();
});
于 2012-04-04T19:35:54.370 に答える
0

はい、あなたは正しい@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です。

あなたに役立つかもしれない次のリンクにリストされているいくつかのプラグインがあります...

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

于 2012-04-05T02:53:23.740 に答える