 鄭沛軒
|
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 |