add: 자동 스크롤 기능 추가

woowa-techcamp-2021 · Aug 6, 2021 · 670e2c4 · 670e2c4
1 parent 204e7ed
commit 670e2c4
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 1 deletion.
diff --git a/frontend/src/views/category-expenditure/index.css b/frontend/src/views/category-expenditure/index.css
@@ -12,6 +12,7 @@
   border-radius: 10px;
   padding: 32px;
 }
+
 .category-expenditure__title {
   margin-bottom: 32px;
   color: var(--title-active);

diff --git a/frontend/src/views/category-expenditure/index.ts b/frontend/src/views/category-expenditure/index.ts
@@ -133,7 +133,16 @@ class CategoryExpenditureView extends View {
   }
 
   show (): void {
-    $('.category-expenditure')?.classList.remove('disappear');
+    const $categoryExpenditure = $('.category-expenditure');
+    if ($categoryExpenditure !== null) {
+      $categoryExpenditure.classList.remove('disappear');
+      const { top } = $categoryExpenditure.getBoundingClientRect();
+
+      window.scrollTo({
+        top,
+        behavior: 'smooth'
+      });
+    }
   }
 
   protected render (): void {