ChatGPT 專案頁面捲動異常?四種方法教你完美解決!
🧩 ChatGPT 專案頁面捲動異常?——背景說明與社群觀察
最近在用 ChatGPT 新版的「專案」功能時,我發現了一個讓人有點火大的 bug。就是那個右側的對話串區塊,當你累積很多筆記錄以後……居然滑不下去了!
原本我以為是自己瀏覽器壞掉,結果換了幾個瀏覽器(Chrome、Edge)一樣有問題。即使點選對話串區塊,也沒辦法展開或滾動過往歷史對話,就像有東西被鎖起來一樣,下面的內容永遠看不到。當下感覺超像買了一本書,結果最後幾頁被封起來,偏偏那幾頁還是我想看的精華。
後來我開始在網路上查資料,發現我不是唯一受害者。在 OpenAI 官方社群就有使用者提到這個問題,甚至開了一整串討論:bug: Project folder chat history does not scroll or expand - see all broken in web and desktop. Only mobile app works
他們說得很清楚:手機版 App 可以滑沒問題,但 Web 版(包括 Chrome、Edge,甚至 Desktop App)全都中獎,捲軸就是死活不出現。看來這是 ChatGPT 自家最近改網頁排版(特別是 CSS overflow)的副作用。
但好消息是——這個問題不是無解。你不一定要等 OpenAI 官方修好,我實測後發現,至少有四種方法可以手動救援這個「滑不到底」的狀況,有些方法甚至只要點一下書籤,或設定一次腳本,從此以後自動幫你搞定!
接下來就來一步步分享我親自實測過、親自整理的 4 種 ChatGPT 專案捲動異常的解法,從最簡單的鍵盤操作,到進階自動化套件,全部實戰教學、原始碼、設定方式一應俱全,讓你也能一鍵搞定這個惱人 bug!
🔧 四種解法逐一實測
✅ 方法一:鍵盤 Tab 聚焦技巧(效果有限,但能試就試)
這個方法一開始是我在網路上看到其他使用者分享的小技巧,說可以靠鍵盤 Tab 鍵去讓 ChatGPT 的對話串「喚醒可滑動狀態」。聽起來很神,實測起來……只能說,不見得靈。
▶ 操作方法:
先打開你遇到問題的 ChatGPT 專案頁面。
按下鍵盤上的
Tab鍵,一次或連按幾次。你會看到畫面上有一個藍色框框,會跳到不同按鈕或卡片上。
目標是讓焦點(那個黑色框)跳進對話串區塊內。
接著試著用滑鼠滾輪或觸控板往下滑,看看能不能滑動。
❗實測結果:
可以跳焦點沒錯,
Tab確實可以「跳著看」每個對話框的內容。但問題是:即使跳到焦點了,也無法滑動至底下對話串。
有些瀏覽器可能有效,但我用 Microsoft Edge 跟 Chrome 都沒成功。
✅ 方法二:使用 Developer Console 手動修改 CSS(救急用法,立刻見效)
這個方法是我第一個成功解決這個問題的方式,算是開發者圈裡的「老派實用招」。只要你會開瀏覽器的開發者工具(DevTools),就能在幾秒內讓專案頁面的捲動功能馬上恢復正常。
簡單講,就是自己動手把 ChatGPT 專案頁那個「被限制住」的區塊,強制打開捲動功能。
▶ 操作教學(以 Microsoft Edge 為例):
進入 ChatGPT 的專案頁面
👉 網址像是https://chatgpt.com/g/*鍵盤按下
F12,開啟開發者工具(DevTools)點左上角的「滑鼠箭頭」圖示
然後滑鼠移到右側無法捲動的對話串那區塊,點一下選取它你會看到類似這樣的程式碼區塊被選中(或者直接在下方用關鍵字搜尋):
點這個
<div>,右鍵 → 選「Edit as HTML」可以改 class,手動刪掉 class 裡的contain-inline-size,然後改為:(意思是高度限制在 60% 視窗高、可垂直滑動。)或者你也可以直接在「Style」面板對應欄位手動加上 CSS:(二擇一)
❗小提醒:
這個方法只對「當下這一頁」有效,一旦你重新整理頁面,就會恢復原狀。
適合在你想立刻查看底下對話內容、但又沒裝其他工具時使用。
✅ 使用心得:
雖然這不是永久解法,但它是「最不需要安裝其他東西、純靠瀏覽器就能搞定」的方案。
而且一旦你操作過一次,你就會更了解 ChatGPT 專案頁的畫面排版邏輯,後面如果要寫腳本、調整樣式都會變得更有信心。
接下來要分享的第三種方法,就是把這招進化成「一鍵啟動」的形式:書籤腳本(Bookmarklet)。這招才是真的人人可用、超級推薦的平民解法!
✅ 方法三:使用瀏覽器書籤腳本(Bookmarklet)
這個方法我個人最推薦給「不想搞太複雜、但又想快速處理」的人。重點是——它不用安裝任何外掛,只要新增一個瀏覽器書籤,未來就能一鍵修復 ChatGPT 專案頁面的捲動問題!
▶ 操作教學(以 Microsoft Edge 為例):
🪄 一、新增書籤(或叫書籤列快捷/我的最愛)
進入"管理我的最愛"
新增一個"我的最愛",命名為「ChatGPT 捲動修復」或其他你喜歡的名稱
在「網址」欄位貼上以下這段程式碼:
javascript:(() => {const el = document.querySelector('div.mt-6.mb-14.contain-inline-size');if (!el) {alert('⚠️ 找不到目標區塊,請確認是否在 ChatGPT 專案頁面。');return;}el.classList.remove('contain-inline-size');el.classList.add('scrollbar-thin');el.setAttribute('style', `height: calc(100vh - 30px);overflow-y: auto;padding-bottom: 500px;scroll-padding-bottom: 500px;margin-bottom: 30px;box-sizing: border-box;`);alert('✅ 捲動修復完成,可滑到底了!');})();
🖱️ 二、使用方式
開啟 ChatGPT 專案頁面(網址通常是
https://chatgpt.com/g/xxxxx)點一下你剛剛加的「ChatGPT 捲動修復」書籤
畫面會跳出一個小提示「✅ 捲動修復完成」
現在你就可以自由向下滑動對話串,一路到底不再卡住!
✅ 為什麼推薦這招?
它比手動改 CSS 快太多了
又比 Tampermonkey 簡單,不用裝外掛
每次只要點一下書籤就搞定,輕鬆實用
❗小缺點
每次開新分頁或重新整理後要再點一次
但如果你每天都會用 ChatGPT 專案功能,這點小動作就像「開場暖身」一樣,完全可以接受
✅ 方法四:使用 Tampermonkey 自動修復腳本(一次設定,永久生效)
這個方法是我最終採用的方案,也適合習慣每天使用 ChatGPT 的重度用戶。如果你平常會用擴充功能(例如廣告阻擋、翻譯工具),那這個方法你一定會愛上它。
▶ 步驟一:安裝 Tampermonkey 擴充功能
打開 Tampermonkey 官方網站:
👉 https://www.tampermonkey.net/根據你使用的瀏覽器下載對應版本
(以 Microsoft Edge 為例,會跳轉到 Edge Add-ons)點選「取得」,完成安裝
安裝完成後,右上角會出現一個黑底白圈的圖示(Tampermonkey 的 logo)
▶ 步驟二:建立新的使用者腳本
點擊右上角 Tampermonkey 圖示 → 選「儀表板(Dashboard)」
點左上角的「➕ 建立新腳本」
刪除預設的範例內容,然後整段貼上以下程式碼:
// ==UserScript==// @name ChatGPT 專案捲動修復(自動執行版)// @namespace https://chatgpt.com/// @version 2.5// @description 自動修復 ChatGPT 專案頁面捲動無效的問題,讓對話可以完整顯示到底!// @author Arthur & ChatGPT// @match https://chatgpt.com/*// @grant none// ==/UserScript==(function () {'use strict';const fixScroll = () => {const el = document.querySelector('div.mt-6.mb-14.contain-inline-size');if (el && !el.classList.contains('scrollbar-thin')) {el.classList.remove('contain-inline-size');el.classList.add('scrollbar-thin');el.setAttribute('style', `height: calc(100vh - 30px);overflow-y: auto;padding-bottom: 500px;scroll-padding-bottom: 500px;margin-bottom: 30px;box-sizing: border-box;`);console.log('[Tampermonkey] ChatGPT 專案捲動修復完成 ✅');}};const waitAndApply = () => {const checkExist = setInterval(() => {const el = document.querySelector('div.mt-6.mb-14.contain-inline-size');if (el) {clearInterval(checkExist);fixScroll();}}, 500);};window.addEventListener('load', waitAndApply);})();
▶ 步驟三:儲存並啟用腳本
點上方的「檔案 → 儲存」,或直接按
Ctrl + S返回 Tampermonkey 儀表板,確認你的腳本名稱出現在列表中,且「已啟用」(有打勾 ✅)
▶ 步驟四:測試效果!
打開一個新的 ChatGPT 專案頁(網址長得像
https://chatgpt.com/g/xxxxx)等畫面載入 1~2 秒後,自動啟動腳本
現在你就可以自由滑到底了,不再漏任何一則對話!
每次你開新頁、切換專案,它都會自動幫你把容器打開、捲軸弄好,再也不用管什麼滑不下去的 bug!
📊 四種方法總整理:各有千秋,依你需求選擇
以下這張表幫你快速比一比四種方法的特性、操作難易度與適用情境:
| 方法 | 自動性 | 操作難度 | 適合族群 | 優點 | 缺點 |
|---|---|---|---|---|---|
| 鍵盤 Tab 聚焦 | ❌ 無 | ⭐(非常簡單) | 新手、鍵盤控 | 免安裝、即按即試 | 幾乎無法滑動,效果有限 |
| 手動修改 CSS | ❌ 無 | ⭐⭐(需會 DevTools) | 開發人員、懂前端的人 | 立即見效,超準確 | 每次刷新需重做 |
| 書籤腳本 Bookmarklet | 半自動 | ⭐(稍懂操作即可) | 一般使用者 | 點一下就修好,快速方便 | 每次開新頁都要點一下 |
| Tampermonkey 自動腳本 | ✅ 全自動 | ⭐⭐(需安裝與設定) | 進階用戶、長期使用者 | 永久有效,一勞永逸 | 首次設定較多步驟 |
📌 建議做法:
若你只是偶爾用 ChatGPT 專案功能,用 書籤腳本 就很夠用了
若你每天都會開它,那真的很建議直接上 Tampermonkey 自動腳本
🧠 結語:用 ChatGPT,修 ChatGPT,自救成功!
其實我一開始遇到這個捲動 bug 的時候,還真的有點哭笑不得。你說這麼強的 AI 工具,卻連捲軸都會失效?結果我轉念一想——「那不然就叫 ChatGPT 自己幫我解決這個 bug 好了!」
結果你猜怎樣?它還真的做到了。
一開始用手動、再用書籤、最後一路進化到自動化腳本,整個過程就像打魔王一樣一層一層突破。
這篇文章也當作是一份筆記,留給正在被 ChatGPT 專案捲動問題困擾的你,也給未來的我,作為「用工具解決工具」的最佳範例。
以子之矛,攻子之盾。只有 AI 才能打敗 AI !
( 註: 2025年7月2日更新: OpenAI 官方目前已經更新介面改善此問題嚕~)
留言
張貼留言