사이드바 스크롤 로직 수정

Description

[이슈]

  • 현재는 사이드 바에서 번호를 클릭하면, 해당 요소가 화면 ‘중앙’에 위치하도록 되어 있음

  • 사이드 바에서 active 한 번호는 화면에 나타나는 요소 중 번호가 가장 작은 것이 active 됨

=> 그래서 사이드 바에서 3번을 클릭하면 위에 존재하는 2번에 active 표시가 됨

[해결]

  • 사이드 바의 active 조건을 수정하거나

  • 클릭 시, 화면 ‘상단’에 위치하도록 변경하거나

  • 하단에 패딩 추가

  • 카드의 윗 부분을 감지하여 index active 시키는 것으로.

  • 2번에서 1번이 focus 되는 건 어쩔 수 없다.