2008-09-09 15 views
8

divタブ内にテーブルがあります。テーブルには40行あり、divの高さはそのテーブルの10行を表示するように設定されています。 CSSのオーバーフロー:autoでは40行をスクロールできます。すべてがうまくいきます。CSSオーバーフローテーブルの行の配置

JavaScriptを使用すると、テーブルをプログラムで特定の行に配置できます(つまり、プログラムで行を上下にスクロールします)。 superHappyFunDivコンテナDIVと行のIDである

答えて

16

は0ベース行インデックスである:

function scrollTo(row) 
{ 
    var container = document.getElementById("superHappyFunDiv"); 
    var rows = container.getElementsByTagName("tr"); 

    row = Math.min(Math.max(row, 0), rows.length-1); 
    container.scrollTop = rows[row].offsetTop; 
} 

は、容器の上部に要求された行をスクロールしようとします。 IE6およびFF3でテスト済みです。