lang/js

Element.scrollIntoView()

푸른바람 C/H 2020. 11. 6. 10:38

Element.scrollIntoView()

Syntax

element.scrollIntoView();
element.scrollIntoView(alignToTop); // Boolean parameter
element.scrollIntoView(scrollIntoViewOptions); // Object parameter

Parameters

  • alignToTop Optional
    • Value: Boolean
      • true: default
        요소의 상단이 스크롤 가능한 상위 항목의 표시 영역 상단에 정렬됩니다.
        scrollIntoViewOptions: {block: "start", inline: "nearest"}.
      • false
        요소의 하단이 스크롤 가능한 상위 항목의 표시 영역 하단에 정렬됩니다.
        scrollIntoViewOptions: {block: "end", inline: "nearest"}.
    • scrollIntoViewOptions Optional
      • behavior Optional
        전환 애니메이션을 정의합니다.
        auto, smooth
        default: auto
      • block Optional
        수직 정렬을 정의합니다.
        start, center, end, nearest
        default: start
      • inline Optional
        수평 정렬을 정의합니다.
        start, center, end, 또는 nearest
        default: nearest

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