English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

HTML DOM scrollIntoView() 메서드

HTML DOM Element 객체

scrollIntoView()메서드는 그것을 호출한 요소를 브라우저 창의 가시 영역으로 스크롤합니다。

주의:다른 요소의 레이아웃에 따라, 요소가 완전히 상단 또는 하단으로 스크롤되지 않을 수 있습니다。

문법:

element.scrollIntoView(alignToTop)
var elem = document.getElementById("box");
elem.scrollIntoView();
테스트해보세요‹/›

브라우저 호환성

표中的 수치는 첫 번째 scrollIntoView() 메서드를 완전히 지원하는 브라우저 버전을 지정합니다:

메서드
scrollIntoView()283.5385.18

파라미터 값

파라미터설명
alignToTop(선택 사항) 정렬 유형을 나타내는 불리언 값:

true-요소의 상단은 스크롤할 수 있는 조상 요소의 가시区域的 상단에 맞춰집니다

false-요소의 하단은 스크롤할 수 있는 조상 요소의 가시区域的 하단에 맞춰집니다.

빈칸으로 남겨두면 요소의 상단으로 스크롤됩니다.

주의:다른 요소의 레이아웃에 따라, 일부 요소는 상단 또는 하단으로 완전히 스크롤할 수 없을 수 있습니다.

기술 세부 사항

반환 값:없음
DOM 버전:CSS 객체 모델(CSSOM)

더 많은 예제

요소의 상단 또는 하단으로 스크롤하기:

var elem = document.getElementById("box");
function scrollToTop() {
   elem.scrollIntoView(true);
}
function scrollToBottom() {
   elem.scrollIntoView(false);
}
테스트해보세요‹/›

HTML DOM Element 객체