CSS オーバーフロー テーブルの行の配置
-
09-06-2019 - |
質問
divタブ内にテーブルがあります。テーブルには 40 行があり、div の高さはそのテーブルの 10 行を表示するように設定されています。CSS の overflow:auto を使用すると、40 行をスクロールできます。すべて順調です。
JavaScript を使用して、プログラムでテーブルを特定の行に配置するにはどうすればよいですか (つまり、プログラムでテーブルを行ごとに上下にスクロールする)。
解決
どこ superHappyFunDiv
はコンテナ DIV の ID で、rows は 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でテスト済み。
所属していません StackOverflow