CSS 오버플로 테이블 행 위치 지정

Question

div 탭 안에 테이블이 있습니다.테이블에는 40개의 행이 있으며 div의 높이는 해당 테이블의 10개 행을 표시하도록 설정되어 있습니다.CSS의 Overflow:auto를 사용하면 40개 행을 스크롤할 수 있습니다.모든 것이 괜찮습니다.

JavaScript를 사용하여 테이블이 프로그래밍 방식으로 특정 행에 위치하도록 하려면 어떻게 해야 합니까(예: 프로그래밍 방식으로 테이블을 행별로 위 또는 아래로 스크롤)?

Answer 1

어디 superHappyFunDiv 은 컨테이너 DIV의 ID이고 행은 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에서 테스트되었습니다.