2022년 6월 30일 목요일

[javascript] 특정 위치로 scroll 하기

 특정 위치로 scroll 하기

document.getElementById('elementID').scrollIntoView();

document.getElementById('elementID').scrollIntoView( alignToTop );

document.getElementById('elementID').scrollIntoView( scrollIntoViewOptions ); 


alignToTop - boolean

    true 일때 element가 젤 위로 오게 scroll 이동

    false 일때 element가 젤 아래로 오게 scroll 이동


scrollIntoViewOptions - 이외 옵션

behavior - 전환 에니메이션 정의

    "auto", "smooth" 중 선택. (default : "auto")

block - 수직 정렬을 정의

    "start", "center", "end", "nearest" 중 선택(default: "start" )

inline - 수평 정렬을 정의

    "start", "center", "end", "nearest" 중 선택(default: "nearest" )


element가 가운데로 오게 하고 싶을 경우

document.getElementById('elementID').scrollIntoView( {"block" : "center"} ); 

댓글 없음:

댓글 쓰기