HTML DOM Element scrollIntoView() 메서드

정의와 사용법

scrollIntoView() 요소를 브라우저 창의 시각적 영역으로 스크롤하는 메서드입니다.

예제

예제 1

id="content" 요소를 브라우저 창의 시각적 영역으로 스크롤합니다:

const element = document.getElementById("content");
element.scrollIntoView();

직접 시도해 보세요

예제 2

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

const element = document.getElementById("content");
function scrollToTop() {
  element.scrollIntoView(true);
}
function scrollToBottom() {
  element.scrollIntoView(false);
}

직접 시도해 보세요

문법

element.scrollIntoView(align)

매개변수

매개변수 설명
align

선택 사항. 정렬 유형을 나타내는 부울 값:

  • true - 요소의 상단이 스크롤 가능 부모의 상단과 맞축니다
  • false - 요소의 하단이 스크롤 가능 부모의 하단과 맞축니다

생략된 경우, 요소의 상단으로 스크롤됩니다.

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

반환 값

없음。

브라우저가 지원합니다

모든 브라우저가 지원합니다 element.scrollIntoView()：

크롬 IE 에지 파이어폭스 사파리 오페라
크롬 IE 에지 파이어폭스 사파리 오페라
지원 9-11 지원 지원 지원 지원