feat: 禁用页面滑动回弹效果

fantastic-mobile · Jul 6, 2024 · e6f4d06 · e6f4d06
1 parent 826ce7b
commit e6f4d06
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 1 deletion.
diff --git 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
@@ -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="{