사이드바 스크롤 로직 수정

Description

[이슈]

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

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

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

[해결]

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

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

  • 하단에 패딩 추가