ABOUT ME

-

Today
-
Yesterday
-
Total
-
  • Element.scrollIntoView()
    lang/js 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' 카테고리의 다른 글

    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
    JS Function.method  (0) 2019.12.11

    댓글 0

Designed by Tistory.