Elements 수평 정렬일 때, 클릭한 element가 중앙으로 오기

가로로 스크롤이 되는 Elements에서 내부 element를 클릭 시, 클릭한 element를 중앙으로 정렬시키려했다.

해당 로직을 element.scrollIntoView( )함수를 활용하였다.

element.scrollIntoView - Web API | MDN

// behavior: 전환 애니메이션
// inline: 수평 정렬

onClick={() => element.scrollToView({behavior:"smooth", inline:"center")};