CSS 오버플로 테이블 행 위치 지정
-
09-06-2019 - |
문제
div 탭 안에 테이블이 있습니다.테이블에는 40개의 행이 있으며 div의 높이는 해당 테이블의 10개 행을 표시하도록 설정되어 있습니다.CSS의 Overflow:auto를 사용하면 40개 행을 스크롤할 수 있습니다.모든 것이 괜찮습니다.
JavaScript를 사용하여 테이블이 프로그래밍 방식으로 특정 행에 위치하도록 하려면 어떻게 해야 합니까(예: 프로그래밍 방식으로 테이블을 행별로 위 또는 아래로 스크롤)?
해결책
어디 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에서 테스트되었습니다.
제휴하지 않습니다 StackOverflow