dramaling-vocab-learning/frontend/.next/cache/webpack/server-development
鄭沛軒 116daafc37 fix: 解決頁面切換時的晃動問題,強制顯示滾動軸
🔧 滾動軸晃動問題修復:
- 在 globals.css 中添加 `html { overflow-y: scroll; }`
- 強制垂直滾動軸始終顯示
- 防止內容長度不同的頁面切換時產生晃動
- 添加 `body { overflow-x: hidden; }` 防止橫向滾動

🎯 解決的問題:
- flashcards 頁面(內容少)vs dashboard/learn 頁面(內容多)
- 滾動軸出現/消失導致的頁面寬度變化
- 導航切換時的視覺跳動

 現在的體驗:
- 所有頁面都有一致的滾動軸
- 頁面切換完全穩定,無晃動
- 專業級的用戶體驗

🚀 DramaLing 的 UI/UX 品質再次提升!

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <noreply@anthropic.com>
2025-09-17 03:45:51 +08:00
..
0.pack.gz feat: DramaLing 完整版本 - 韓劇單字學習應用 2025-09-16 23:06:47 +08:00
1.pack.gz feat: 完成前端詞卡功能整合,實現真實資料顯示 2025-09-17 02:58:11 +08:00
2.pack.gz feat: 完成前端詞卡功能整合,實現真實資料顯示 2025-09-17 02:58:11 +08:00
3.pack.gz fix: 解決頁面切換時的晃動問題,強制顯示滾動軸 2025-09-17 03:45:51 +08:00
4.pack.gz fix: 解決頁面切換時的晃動問題,強制顯示滾動軸 2025-09-17 03:45:51 +08:00
5.pack.gz fix: 解決頁面切換時的晃動問題,強制顯示滾動軸 2025-09-17 03:45:51 +08:00
6.pack.gz fix: 解決頁面切換時的晃動問題,強制顯示滾動軸 2025-09-17 03:45:51 +08:00
7.pack.gz fix: 修復導航一致性問題,建立統一的 Navigation 組件 2025-09-17 03:26:01 +08:00
8.pack.gz fix: 修復導航一致性問題,建立統一的 Navigation 組件 2025-09-17 03:26:01 +08:00
9.pack.gz feat: DramaLing 完整版本 - 韓劇單字學習應用 2025-09-16 23:06:47 +08:00
10.pack.gz fix: 修復 flashcards 頁面 CSS 佈局偏移問題 2025-09-17 03:39:12 +08:00
11.pack.gz fix: 修復 JWT token 驗證問題 2025-09-17 01:21:20 +08:00
12.pack.gz fix: 修復 flashcards 頁面 CSS 佈局偏移問題 2025-09-17 03:39:12 +08:00
13.pack.gz fix: 完全統一所有頁面的導航系統 2025-09-17 03:33:11 +08:00
14.pack.gz fix: 修復 flashcards 頁面 CSS 佈局偏移問題 2025-09-17 03:39:12 +08:00
15.pack.gz fix: 完全統一所有頁面的導航系統 2025-09-17 03:33:11 +08:00
16.pack.gz fix: 修復 flashcards 頁面 CSS 佈局偏移問題 2025-09-17 03:39:12 +08:00
17.pack.gz fix: 解決頁面切換時的晃動問題,強制顯示滾動軸 2025-09-17 03:45:51 +08:00
index.pack.gz fix: 解決頁面切換時的晃動問題,強制顯示滾動軸 2025-09-17 03:45:51 +08:00
index.pack.gz.old fix: 解決頁面切換時的晃動問題,強制顯示滾動軸 2025-09-17 03:45:51 +08:00