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

Question

div 탭 안에 테이블이 있습니다. 테이블에는 40 개의 행이 있고 div의 높이는 해당 테이블의 10 개의 행을 표시하도록 설정됩니다. CSS의 오버 플로우 : 자동으로 40 행을 스크롤 할 수 있습니다. 모두 거기에 잘있다.

자바 스크립트를 사용하면 프로그래밍 방식으로 테이블을 프로그래밍 방식으로 특정 행에 배치 할 수 있습니다 (예 : 행을 기준으로 프로그래밍 방식으로 표를 스크롤).

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; 
} 

하는 컨테이너의 상단에 요청 된 행을 스크롤하려고 시도합니다 : superHappyFunDiv는 컨테이너 DIV 행의 ID입니다

Answer 1

는 0 기반의 행 인덱스입니다. IE6 및 FF3에서 테스트되었습니다.