updateScroll

src/views/MainLayout.vue

@@ -154,7 +154,7 @@ onMounted(async () => {
 });
 
 const setListTab = () => {
-  menuRight.value = true
+  menuRight.value = true;
   if (route.name == "login") {
     listTab.value = tabListLogin;
   } else if (route.name == "datamain") {
@@ -170,7 +170,7 @@ const setListTab = () => {
 
   if (route.name == "dashboard") {
     listTab.value = [];
-    menuRight.value = false
+    menuRight.value = false;
   }
   window.scrollTo(0, 0);
 };
@@ -237,7 +237,7 @@ const activeMenu = (path: string) => {
  * @param tag string เป็นชื่อของ ตัวนั้นๆ
  */
 const activeTab = (tag: string) => {
-  return tabData.value == tag;
+  return tabData.value === tag;
 };
 
 /**
@@ -266,12 +266,6 @@ const tagClick = (tag: string) => {
   }
 };
 
-const updateScrollPlacement = (position: number) => {
-  if (position === void 0) {
-    position = document.documentElement.scrollTop || document.body.scrollTop;
-  }
-};
-
 const activeBtnPlacement = () => {
   return route.name == "PlacementPersonalDetail" && rightActive.value;
 };
@@ -299,6 +293,11 @@ if (keycloak.tokenParsed != null) {
   fullname.value = keycloak.tokenParsed.name;
   role.value = keycloak.tokenParsed.role;
 }
+
+const onScroll = (scroll: ScrollType) => {
+  const { position } = scroll;
+  updateScroll(position);
+};
 </script>
 
 <!-- โครงเว็บ -->
@@ -306,7 +305,7 @@ if (keycloak.tokenParsed != null) {
   <!-- แบบเก่า design แรก -->
   <!-- <q-layout view="lHh Lpr lff"> -->
   <!-- ปรับให้กับหน้า รายละเอียดทะเบียนประวัติ  -->
-  <q-layout view="lHh LpR lff">
+  <q-layout view="lHh LpR lff" @scroll="onScroll">
     <!-- header -->
     <q-header flat class="bg-grey-2 text-dark" height-hint="7">
       <q-toolbar style="padding: 0 2%">