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

This commit is contained in:
jxxghp
2025-09-08 16:49:58 +08:00
parent 6d84eb9f09
commit 8652966645
2 changed files with 8 additions and 2 deletions
+8 -1
View File
@@ -1,6 +1,6 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="zh-CN" style=" <html lang="zh-CN" style="
overflow: hidden; overflow: hidden auto;
min-block-size: 100vh; min-block-size: 100vh;
min-block-size: 100dvh; min-block-size: 100dvh;
--safe-area-inset-bottom: env(safe-area-inset-bottom); --safe-area-inset-bottom: env(safe-area-inset-bottom);
@@ -96,6 +96,13 @@
<link rel="modulepreload" href="/src/main.ts" /> <link rel="modulepreload" href="/src/main.ts" />
<style> <style>
#app {
block-size: 100%;
overflow: auto;
-webkit-overflow-scrolling: touch;
overscroll-behavior: contain;
}
#loading-bg { #loading-bg {
position: fixed; position: fixed;
z-index: 99999; z-index: 99999;
-1
View File
@@ -8,7 +8,6 @@ html {
background: rgb(var(--v-theme-background)); background: rgb(var(--v-theme-background));
min-block-size: 100vh; min-block-size: 100vh;
min-block-size: 100dvh; min-block-size: 100dvh;
overflow-y: hidden;
} }
body { body {