gushen/template-vue-hucky
1
0
Fork 0
Code Pull Requests Activity

feat: set nav by reset scroll

Browse Source
This commit is contained in:
gushen610140
2026-02-17 22:04:35 +08:00
parent 235c130a6d
commit dc1b192f47
1 changed files with 13 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
src/components/menu/NavBar.vue
View File

@@ -23,6 +23,11 @@ const handleThrottleScroll = throttle(100, () => {
}); });
window.addEventListener("scroll", handleThrottleScroll); window.addEventListener("scroll", handleThrottleScroll);
const navPageByResetScroll = (path: string) => {
window.scrollTo({ top: 0, behavior: "smooth" });
navigateTo(path);
};
</script> </script>
<template> <template>
@@ -61,10 +66,12 @@ window.addEventListener("scroll", handleThrottleScroll);
class="menu dropdown-content bg-base-100 rounded-box z-1 mt-5 w-52 p-2 shadow" class="menu dropdown-content bg-base-100 rounded-box z-1 mt-5 w-52 p-2 shadow"
> >
<li> <li>
<a @click="navigateTo('/')">{{ t("nav.home") }}</a> <a @click="navPageByResetScroll('/')">{{ t("nav.home") }}</a>
</li> </li>
<li> <li>
<a @click="navigateTo('/about')">{{ t("nav.about") }}</a> <a @click="navPageByResetScroll('/about')">{{
t("nav.about")
}}</a>
</li> </li>
</ul> </ul>
</div> </div>
@@ -73,10 +80,12 @@ window.addEventListener("scroll", handleThrottleScroll);
<div class="navbar-center hidden lg:flex"> <div class="navbar-center hidden lg:flex">
<ul class="menu menu-horizontal px-1"> <ul class="menu menu-horizontal px-1">
<li> <li>
<a @click="navigateTo('/')">{{ t("nav.home") }}</a> <a @click="navPageByResetScroll('/')">{{ t("nav.home") }}</a>
</li> </li>
<li> <li>
<a @click="navigateTo('/about')">{{ t("nav.about") }}</a> <a @click="navPageByResetScroll('/about')">{{
t("nav.about")
}}</a>
</li> </li>
</ul> </ul>
</div> </div>