-
Element.scrollIntoView()lang/js 2020. 11. 6. 10:38
Element.scrollIntoView()
Syntax
element.scrollIntoView();
element.scrollIntoView(alignToTop); // Boolean parameter
element.scrollIntoView(scrollIntoViewOptions); // Object parameterParameters
- alignToTop Optional
- Value: Boolean
- true: default
요소의 상단이 스크롤 가능한 상위 항목의 표시 영역 상단에 정렬됩니다.
scrollIntoViewOptions: {block: "start", inline: "nearest"}. - false
요소의 하단이 스크롤 가능한 상위 항목의 표시 영역 하단에 정렬됩니다.
scrollIntoViewOptions: {block: "end", inline: "nearest"}.
- true: default
- scrollIntoViewOptions Optional
- behavior Optional
전환 애니메이션을 정의합니다.
auto, smooth
default: auto - block Optional
수직 정렬을 정의합니다.
start, center, end, nearest
default: start - inline Optional
수평 정렬을 정의합니다.
start, center, end, 또는 nearest
default: nearest
- behavior Optional
- Value: Boolean
Examplte
var element = document.getElementById("box"); element.scrollIntoView(); element.scrollIntoView(false); element.scrollIntoView({block: "end"}); element.scrollIntoView({behavior: "smooth", block: "end", inline: "nearest"});
'lang > js' 카테고리의 다른 글
Javascript Promise (0) 2021.01.04 Element.scrollIntoView() (0) 2020.11.06 JavascriptHTMLDialogElement.returnValue (0) 2019.12.19 Javascript EventTarget() (0) 2019.12.18 Canvas Tutorials (0) 2019.12.17 VanillaJS Form serialize() (0) 2019.12.16 TAG
- alignToTop Optional