From e6f4d06b73f86c1920e555a72e79c4b4181d6dbf Mon Sep 17 00:00:00 2001
From: Hooray Hu <304327508@qq.com>
Date: Sat, 6 Jul 2024 23:17:50 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E7=A6=81=E7=94=A8=E9=A1=B5=E9=9D=A2?=
 =?UTF-8?q?=E6=BB=91=E5=8A=A8=E5=9B=9E=E5=BC=B9=E6=95=88=E6=9E=9C?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/assets/styles/globals.scss      | 4 ++++
 src/components/PageLayout/index.vue | 2 +-
 2 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/src/assets/styles/globals.scss b/src/assets/styles/globals.scss
index 881ff63..16b2f93 100755
--- a/src/assets/styles/globals.scss
+++ b/src/assets/styles/globals.scss
@@ -9,6 +9,10 @@
   }
 }
 
+html {
+  overscroll-behavior: none;
+}
+
 body {
   box-sizing: border-box;
   margin: 0;
diff --git a/src/components/PageLayout/index.vue b/src/components/PageLayout/index.vue
index eb33f6e..229e414 100644
--- a/src/components/PageLayout/index.vue
+++ b/src/components/PageLayout/index.vue
@@ -117,7 +117,7 @@ function handleBackTopClick() {
 </script>
 
 <template>
-  <div ref="layoutRef" class="relative h-vh flex flex-col overflow-auto supports-[(height:100dvh)]:h-dvh" @scroll="handleMainScroll">
+  <div ref="layoutRef" class="relative h-vh flex flex-col overflow-auto overscroll-none supports-[(height:100dvh)]:h-dvh" @scroll="handleMainScroll">
     <!-- Navbar -->
     <header
       v-show="navbar ?? settingsStore.settings.navbar.enable" class="navbar w-full flex-center bg-[var(--g-navbar-bg)] text-[var(--g-navbar-color)] transition-all pt-safe h+safe-t-[var(--g-navbar-height)]" :class="{