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 的對話串「喚醒可滑動狀態」。聽起來很神,實測起來……只能說,不見得靈

▶ 操作方法:

  1. 先打開你遇到問題的 ChatGPT 專案頁面。

  2. 按下鍵盤上的 Tab 鍵,一次或連按幾次

    • 你會看到畫面上有一個藍色框框,會跳到不同按鈕或卡片上。

  3. 目標是讓焦點(那個黑色框)跳進對話串區塊內

  4. 接著試著用滑鼠滾輪或觸控板往下滑,看看能不能滑動。

❗實測結果:

  • 可以跳焦點沒錯,Tab 確實可以「跳著看」每個對話框的內容

  • 但問題是:即使跳到焦點了,也無法滑動至底下對話串

  • 有些瀏覽器可能有效,但我用 Microsoft Edge 跟 Chrome 都沒成功。

這個方法實際效果比較有限,但我還是記錄下來,給喜歡試試看簡易操作的人參考。
接下來要進入的是更有感的實戰解法:使用瀏覽器開發者工具直接改 CSS。這招真的會動,雖然是手動,但只要做一次你就會覺得「哦原來是這樣!」。

✅ 方法二:使用 Developer Console 手動修改 CSS(救急用法,立刻見效)

這個方法是我第一個成功解決這個問題的方式,算是開發者圈裡的「老派實用招」。只要你會開瀏覽器的開發者工具(DevTools),就能在幾秒內讓專案頁面的捲動功能馬上恢復正常。

簡單講,就是自己動手把 ChatGPT 專案頁那個「被限制住」的區塊,強制打開捲動功能。

▶ 操作教學(以 Microsoft Edge 為例):

  1. 進入 ChatGPT 的專案頁面
    👉 網址像是 https://chatgpt.com/g/*

  2. 鍵盤按下 F12 ,開啟開發者工具(DevTools)

  3. 點左上角的「滑鼠箭頭」圖示
    然後滑鼠移到右側無法捲動的對話串那區塊,點一下選取它

  4. 你會看到類似這樣的程式碼區塊被選中(或者直接在下方用關鍵字搜尋):

    <div class="mt-6 mb-14 contain-inline-size">

  5. 點這個 <div>,右鍵 → 選「Edit as HTML」可以改 class,手動刪掉 class 裡的 contain-inline-size,然後改為:(意思是高度限制在 60% 視窗高、可垂直滑動。)

    <div class="mt-6 mb-14 h-[60vh] overflow-y-auto">

  6. 或者你也可以直接在「Style」面板對應欄位手動加上 CSS:(二擇一)

    height: 60vh;
    overflow-y: auto;
    padding-bottom: 300px;

❗小提醒:

  • 這個方法只對「當下這一頁」有效,一旦你重新整理頁面,就會恢復原狀。

  • 適合在你想立刻查看底下對話內容、但又沒裝其他工具時使用。

✅ 使用心得:

雖然這不是永久解法,但它是「最不需要安裝其他東西、純靠瀏覽器就能搞定」的方案。
而且一旦你操作過一次,你就會更了解 ChatGPT 專案頁的畫面排版邏輯,後面如果要寫腳本、調整樣式都會變得更有信心。

接下來要分享的第三種方法,就是把這招進化成「一鍵啟動」的形式:書籤腳本(Bookmarklet)。這招才是真的人人可用、超級推薦的平民解法!


✅ 方法三:使用瀏覽器書籤腳本(Bookmarklet)

這個方法我個人最推薦給「不想搞太複雜、但又想快速處理」的人。重點是——它不用安裝任何外掛,只要新增一個瀏覽器書籤,未來就能一鍵修復 ChatGPT 專案頁面的捲動問題

▶ 操作教學(以 Microsoft Edge 為例):

🪄 一、新增書籤(或叫書籤列快捷/我的最愛)

  1. 進入"管理我的最愛"

  2. 新增一個"我的最愛",命名為「ChatGPT 捲動修復」或其他你喜歡的名稱

  3. 在「網址」欄位貼上以下這段程式碼:

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('✅ 捲動修復完成,可滑到底了!');
})();

🖱️ 二、使用方式

  1. 開啟 ChatGPT 專案頁面(網址通常是 https://chatgpt.com/g/xxxxx

  2. 點一下你剛剛加的「ChatGPT 捲動修復」書籤

  3. 畫面會跳出一個小提示「✅ 捲動修復完成」

  4. 現在你就可以自由向下滑動對話串,一路到底不再卡住

✅ 為什麼推薦這招?

  • 它比手動改 CSS 快太多了

  • 又比 Tampermonkey 簡單,不用裝外掛

  • 每次只要點一下書籤就搞定,輕鬆實用

❗小缺點

  • 每次開新分頁或重新整理後要再點一次

  • 但如果你每天都會用 ChatGPT 專案功能,這點小動作就像「開場暖身」一樣,完全可以接受

而如果你希望「連點書籤這件事都不用做」,那我們就要進入最後一招:Tampermonkey 自動化腳本!這是給進階使用者的終極解法,完全自動、永久有效。



✅ 方法四:使用 Tampermonkey 自動修復腳本(一次設定,永久生效)

這個方法是我最終採用的方案,也適合習慣每天使用 ChatGPT 的重度用戶。如果你平常會用擴充功能(例如廣告阻擋、翻譯工具),那這個方法你一定會愛上它。

▶ 步驟一:安裝 Tampermonkey 擴充功能

  1. 打開 Tampermonkey 官方網站:
    👉 https://www.tampermonkey.net/

  2. 根據你使用的瀏覽器下載對應版本
    (以 Microsoft Edge 為例,會跳轉到 Edge Add-ons)

  3. 點選「取得」,完成安裝

  4. 安裝完成後,右上角會出現一個黑底白圈的圖示(Tampermonkey 的 logo)

▶ 步驟二:建立新的使用者腳本

  1. 點擊右上角 Tampermonkey 圖示 → 選「儀表板(Dashboard)」

  2. 點左上角的「➕ 建立新腳本」

  3. 刪除預設的範例內容,然後整段貼上以下程式碼:

// ==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);
})();

▶ 步驟三:儲存並啟用腳本

  1. 點上方的「檔案 → 儲存」,或直接按 Ctrl + S

  2. 返回 Tampermonkey 儀表板,確認你的腳本名稱出現在列表中,且「已啟用」(有打勾 ✅)

▶ 步驟四:測試效果!

  1. 打開一個新的 ChatGPT 專案頁(網址長得像 https://chatgpt.com/g/xxxxx

  2. 等畫面載入 1~2 秒後,自動啟動腳本

  3. 現在你就可以自由滑到底了,不再漏任何一則對話!

這樣整個 Tampermonkey 的自動化腳本就設定完成啦!
每次你開新頁、切換專案,它都會自動幫你把容器打開、捲軸弄好,再也不用管什麼滑不下去的 bug!


📊 四種方法總整理:各有千秋,依你需求選擇

以下這張表幫你快速比一比四種方法的特性、操作難易度與適用情境:

方法自動性操作難度適合族群優點缺點
鍵盤 Tab 聚焦❌ 無⭐(非常簡單)新手、鍵盤控免安裝、即按即試幾乎無法滑動,效果有限
手動修改 CSS❌ 無⭐⭐(需會 DevTools)開發人員、懂前端的人立即見效,超準確每次刷新需重做
書籤腳本 Bookmarklet半自動⭐(稍懂操作即可)一般使用者點一下就修好,快速方便每次開新頁都要點一下
Tampermonkey 自動腳本✅ 全自動⭐⭐(需安裝與設定)進階用戶、長期使用者永久有效,一勞永逸首次設定較多步驟

📌 建議做法:

  • 若你只是偶爾用 ChatGPT 專案功能,用 書籤腳本 就很夠用了

  • 若你每天都會開它,那真的很建議直接上 Tampermonkey 自動腳本


🧠 結語:用 ChatGPT,修 ChatGPT,自救成功!

其實我一開始遇到這個捲動 bug 的時候,還真的有點哭笑不得。你說這麼強的 AI 工具,卻連捲軸都會失效?結果我轉念一想——「那不然就叫 ChatGPT 自己幫我解決這個 bug 好了!」

結果你猜怎樣?它還真的做到了。

一開始用手動、再用書籤、最後一路進化到自動化腳本,整個過程就像打魔王一樣一層一層突破。

這篇文章也當作是一份筆記,留給正在被 ChatGPT 專案捲動問題困擾的你,也給未來的我,作為「用工具解決工具」的最佳範例。

以子之矛,攻子之盾。只有 AI 才能打敗 AI !

 ( 註: 2025年7月2日更新: OpenAI 官方目前已經更新介面改善此問題嚕~)

📌 您可能也會有興趣的其他文章:

留言

熱門文章

ChatGPT 專案對話打不開?「Unable to load conversation」教你一招解決!

Notebook LM 語音轉文字完整教學:免費、快速又省力的最佳解法

用AI一鍵生成簡報PPT投影片真的有那麼神?全網最詳細AI簡報工具彙整與實測心得

打造數位分身:F5-TTS 本地部署教學與語音克隆應用分享

不是主持人也能做筆記!Otter.ai、Notta.ai 線上會議即時轉錄逐字稿完整教學

提高職場回覆率!有效催辦、不讀不回的實戰解法與預防心法

快速又免費的語音轉文字神器『Faster Whisper』,一鍵解決影音內容爆量時代的痛點!

不是所有訊息都需要馬上回:真正聰明人都懂的回應策略

微軟 Copilot 全新語音功能重磅來襲!免費無限暢聊,直球對決 ChatGPT 進階語音模式!

GLP-1 減重針安全嗎?瘦瘦針機轉、效果、副作用一次看懂