调整 index.html 和默认布局样式，修改溢出属性以改善页面滚动体验

2026-06-26 01:51:41 +08:00 · 2025-09-08 16:49:58 +08:00
parent 6d84eb9f09
commit 8652966645
2 changed files with 8 additions and 2 deletions
--- a/index.html
+++ b/index.html
@@ -1,6 +1,6 @@
 <!DOCTYPE html>
 <html lang="zh-CN" style="
-    overflow: hidden;
+    overflow: hidden auto;
    min-block-size: 100vh;
    min-block-size: 100dvh;
    --safe-area-inset-bottom: env(safe-area-inset-bottom);
@@ -96,6 +96,13 @@
  <link rel="modulepreload" href="/src/main.ts" />

  <style>
+    #app {
+      block-size: 100%;
+      overflow: auto;
+      -webkit-overflow-scrolling: touch;
+      overscroll-behavior: contain;
+    }
+
    #loading-bg {
      position: fixed;
      z-index: 99999;
--- a/src/@layouts/styles/_default-layout.scss
+++ b/src/@layouts/styles/_default-layout.scss
@@ -8,7 +8,6 @@ html {
  background: rgb(var(--v-theme-background));
  min-block-size: 100vh;
  min-block-size: 100dvh;
-  overflow-y: hidden;
 }

 body {