특정 위치로 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"} );
댓글 없음:
댓글 쓰기