English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
scrollIntoView()메서드는 그것을 호출한 요소를 브라우저 창의 가시 영역으로 스크롤합니다。
주의:다른 요소의 레이아웃에 따라, 요소가 완전히 상단 또는 하단으로 스크롤되지 않을 수 있습니다。
element.scrollIntoView(alignToTop)
var elem = document.getElementById("box"); elem.scrollIntoView();테스트해보세요‹/›
표中的 수치는 첫 번째 scrollIntoView() 메서드를 완전히 지원하는 브라우저 버전을 지정합니다:
메서드 | |||||
scrollIntoView() | 28 | 3.5 | 38 | 5.1 | 8 |
파라미터 | 설명 |
---|---|
alignToTop | (선택 사항) 정렬 유형을 나타내는 불리언 값: true-요소의 상단은 스크롤할 수 있는 조상 요소의 가시区域的 상단에 맞춰집니다 false-요소의 하단은 스크롤할 수 있는 조상 요소의 가시区域的 하단에 맞춰집니다. 빈칸으로 남겨두면 요소의 상단으로 스크롤됩니다. 주의:다른 요소의 레이아웃에 따라, 일부 요소는 상단 또는 하단으로 완전히 스크롤할 수 없을 수 있습니다. |
반환 값: | 없음 |
---|---|
DOM 버전: | CSS 객체 모델(CSSOM) |
요소의 상단 또는 하단으로 스크롤하기:
var elem = document.getElementById("box"); function scrollToTop() { elem.scrollIntoView(true); } function scrollToBottom() { elem.scrollIntoView(false); }테스트해보세요‹/›