2011-08-08 13 views
2

私は、多くの行(100+)を持つ表を含むスクロール可能なdivを持っています。長いdivの要素にスクロール

私が探しているデータが含まれているテーブル行をjQueryフィルターで表示したいと考えています。

私はテーブルの行IDを知っています。 divを正しい行に移動するにはどうすればよいですか?

答えて

2

試してみてください。

document.getElementById(id).scrollIntoView(true); 

それはCSSOM View Moduleの一部だ、それはすべてのブラウザでサポートされていない場合がおそらくall you care aboutです。

OoopsはローIDに紛失しました。テーブルへの参照がある場合:

table.rows[rowId].scrollIntoView(true); 
+0

これは私の仕事に非常に近いです(第1の例)。私はそれが私の画面をいくつか上にジャンプし、強調表示された行は実際に今すぐdivの上に1です(今私はスクロールアップする必要があります参照するために)ので、少しwierdnessを得ています。これらのマイナーな調整方法についてのアイデアはありますか? – webdad3

+0

私はscrollIntoView(true)をscrollIntoView(false)に変更しました。ありがとう – webdad3

1

これを試してみてください:

$('html, body').scrollTop($('#rowId').offset().top); 

あなたはリッテアニメーションをしたい場合:

$('html, body').animate({ 
    scrollTop: $("#rowId").offset().top 
}, 2000); // 2000 is the duration of animation in milliseconds 
関連する問題