요소가 사용자에게 표시되도록 요소의 상위 컨테이너를 스크롤한다.
htmlElement.scrollIntoView()
스크롤 영역의 상단에 맞추어 스크롤되어 화면에 보여진다.
htmlElement.scrollIntoView(false)
스크롤 영역의 하단에 맞추어 스크롤되어 화면에 보여진다.
htmlElement.scrollIntoView(options);
스크롤 영역에서의 세로 방향 스크롤 위치, 가로 방향 스크롤 위치 기준을 설정하며 스크롤 동작을 설정
true
: 기본 값이며 요소가 스크롤 영역의 상단에 맞춰 스크롤된다. dictionary
타입으로 지정할시 다음의 값과 동일한다.{ block: "start", inline: "nearest" }
false
: 요소가 스크롤 영역의 하단에 맞춰 스크롤된다. dictionary
타입으로 지정할시 다음의 값과 동일한다{ block: "end", inline: "nearest" }
다음의 값을 포함하는 객체로 지정한다.
behavior
: 스크롤시 스크롤 동작 방식을 'auto'
와 'smooth'
중에서 선택한다. 선택사항이며 기본 값은 'auto'
이다. 'smooth'
를 선택시 부드럽게 스크롤되어진다.block
: 수직 스크롤 위치 기준에 대한 정렬을 'start'
, 'center'
, 'end'
, 'nearest'
중에서 선택한다. 선택사항이며 기본 값은 'start'
이다.inline
: 수평 스크롤 위치 기준에 대한 정렬을 'start'
, 'center'
, 'end'
, 'nearest'
중에서 선택한다. 선택사항이며 기본 값은 'nearest'
이다.