fix(projects): 修复页面滚动行为

src/hooks/common/index.ts

@@ -2,5 +2,6 @@ import useAppTitle from './useAppTitle';
 import useCreateContext from './useCreateContext';
 import useRouterChange from './useRouterChange';
 import useRouteParam from './useRouteParam';
+import useScrollBehavior from './useScrollBehavior';
 
-export { useAppTitle, useCreateContext, useRouterChange, useRouteParam };
+export { useAppTitle, useCreateContext, useRouterChange, useRouteParam, useScrollBehavior };

src/hooks/common/useScrollBehavior.ts

@@ -0,0 +1,25 @@
+import { ref, watch } from 'vue';
+import { useRoute } from 'vue-router';
+
+export default function useScrollBehavior() {
+  const scrollbar = ref<HTMLElement | null>(null);
+  const route = useRoute();
+
+  function resetScrollBehavior() {
+    scrollbar.value?.scrollTo({ left: 0, top: 0 });
+  }
+
+  function resetScrollWatcher() {
+    watch(
+      () => route.name,
+      () => {
+        resetScrollBehavior();
+      }
+    );
+  }
+
+  return {
+    scrollbar,
+    resetScrollWatcher
+  };
+}

src/hooks/index.ts

@@ -1,2 +1,2 @@
-export { useAppTitle, useCreateContext, useRouterChange, useRouteParam } from './common';
+export { useAppTitle, useCreateContext, useRouterChange, useRouteParam, useScrollBehavior } from './common';
 export { useCountDown, useSmsCode } from './business';