Element.scrollIntoView()

Element.scrollIntoView()

• 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

Example

var element = document.getElementById("box");

element.scrollIntoView();
element.scrollIntoView(false);
element.scrollIntoView({block: "end"});
element.scrollIntoView({behavior: "smooth", block: "end", inline: "nearest"});