回到頂部按鈕

在所有網站上顯示浮動的回到頂部按鈕。透過彈出視窗排除特定網站。

厭倦了在瀏覽內容豐富的網頁時，需要費力地不斷向上捲動，只為了回到頁面的最頂端嗎？「捲動至頂部按鈕」擴充功能為您提供一個終極且優雅的解決方案。它能夠在任何您指定的網站上，智慧地新增一個設計時尚、反應靈敏的懸浮按鈕——您只需要輕輕點擊一下，頁面便會以極其流暢、舒適的捲動動畫，帶您瞬間返回頁首。此擴充功能秉持極致輕量、絕對尊重使用者隱私的核心原則，並且讓所有設定選項完全由您掌控，致力於提供一個純粹、高效且不受干擾的瀏覽體驗。 ✨ **核心功能亮點** ⬆️ **懸浮式回到頂部按鈕** — 當您開始向下捲動頁面，瀏覽更多內容時，一個帶有清晰V形箭頭圖示、設計簡潔俐落的圓形按鈕將會自動浮現。它的出現恰到好處，不會打擾您的閱讀。當您想要回到頂部時，只要輕輕點擊它，頁面就會以極其平滑的動畫效果返回頂端，過程毫不突兀。我們的設計理念是：操作簡單直觀、反應迅速敏捷、效果顯著實用，是您提升網頁瀏覽效率與舒適度的最佳夥伴。 🎯 **精準的網站個別啟用/停用控制** — 為了避免不必要的視覺干擾，並將控制權完全交還給使用者，此按鈕在所有網站上的預設狀態皆為「停用」。這意味著您擁有絕對的權力，可以精準地決定讓它出現在哪些您真正需要的網站上。操作方式也極為簡單：只需打開瀏覽器工具列上的擴充功能圖示，在彈出式視窗中，點擊一下針對當前網站的啟用開關，設置立即生效。從此告別在您不需要它的網站上看到多餘的按鈕，讓您的瀏覽器畫面永遠保持純粹與整潔。 📐 **創新的九宮格視覺化位置配置** — 我們深知螢幕上的每一寸空間都極其寶貴。透過我們創新的視覺化 3x3 九宮格設定介面，您可以隨心所欲地將此按鈕放置在螢幕上的任何角落。無論是頂部、中間、還是底部，再結合左側、中央、或右側，總共提供多達九個精確的放置位置。您可以根據不同網站獨特的頁面佈局，為按鈕選擇一個最順手、最不會遮擋重要內容的完美位置。 📌 **智慧型個別網站位置記憶功能** — 不同的網站，通常意味著截然不同的版面設計與使用者介面元素。我們深刻理解這一點，因此「捲動至頂部按鈕」擴充功能具備了先進的智慧記憶功能。這表示，您可以在 A 網站將按鈕設定於右下角，以避開聊天視窗；同時在 B 網站將其設定於左上角，以方便導覽。擴充功能會獨立記住您在每一個網站上的位置偏好設定，確保您的個人化選擇總是被完整保留並忠實呈現，無需重複設定。 🛡️ **絕對安全的 Shadow DOM 隔離技術** — 我們的按鈕被安全地封裝在一個獨立的 Shadow DOM 容器之中，使其與主機頁面的 CSS 樣式表完全隔離，形成一個堅不可摧的保護層。這項關鍵技術的核心優勢在於：它能徹底杜絕任何形式的樣式衝突。這確保了無論目標網站的 CSS 程式碼多麼複雜、過時或混亂，我們的按鈕外觀與功能始終能保持完美一致，絕不失真，運作穩定可靠，提供您一致性的使用體驗。 🌙 **原生支援深色與淺色模式** — 此擴充功能能夠智慧地自動偵測並完美適應您作業系統的系統級色彩配置。在淺色模式下，按鈕會呈現清晰、乾淨的淺色背景；當您的系統切換至深色模式時，它則會自動轉變為具有現代美感的半透明玻璃質感效果。此外，它還能敏銳地偵測許多網站用於手動切換深色模式的 `html[dark]` 屬性，確保在各種情境下都能與頁面當前的風格完美融合。 🌍 **完整支援全球 55 種語言** — 為了服務來自世界各地的廣大使用者，我們投入大量心力，對擴充功能的彈出式視窗及所有介面文字進行了全面的在地化翻譯。目前已完整支援多達 55 種語言，讓您能以最熟悉、最親切的母語輕鬆操作所有功能。支援的語言包括但不限於英文、西班牙文、法文、德文、日文、韓文、中文 (簡體與繁体)、阿拉伯文、印度文、俄文、葡萄牙文等等。 ♿ **完善的鍵盤操作與輔助功能** — 我們堅信，優質的工具應當為所有人服務。因此，我們致力於打造無障礙的數位體驗。此回到頂部按鈕完全支援使用鍵盤進行導覽與操作。您可以使用 `Tab` 鍵將操作焦點移至按鈕上，然後輕鬆地按下 `Enter` 或 `空白鍵` 來啟動向上捲動的功能。與此同時，我們也為其加入了符合網頁標準的 ARIA 角色 (role) 與標籤 (label)，以便螢幕閱讀器能夠正確地識別其功能並向使用者播報，為視障朋友提供更便利的網路瀏覽輔助。 🎯 **運作方式說明** 1. **安裝擴充功能** — 只需在 Chrome 線上應用程式商店點擊「新增至 Chrome」按鈕，擴充功能便會立即安裝完畢並準備就緒。無需註冊帳號，沒有繁瑣的登入流程，更沒有任何令人困惑的設定精靈。 2. **瀏覽任何網站** — 像平常一樣上網，當您瀏覽到一個內容較長、希望可以加上回到頂部按鈕的頁面時，就可以開始進行設定。 3. **為網站啟用按鈕** — 在您想要啟用功能的網站分頁，點擊瀏覽器工具列中的「捲動至頂部按鈕」圖示。在彈出的設定視窗中，點擊主開關以在當前網站上啟用按鈕。啟用後，懸浮按鈕將會立即出現在頁面上。 4. **選擇您偏好的位置** — 使用彈出視窗中直觀的 3x3 九宮格介面，精確地將按鈕放置在您希望它出現的螢幕位置。您的這個選擇將會被自動儲存下來，並且僅針對這一個特定的網站生效。 5. **開始捲動與點擊** — 在頁面上自由地向下捲動。當您捲動超過一個預設的距離（捲動門檻）後，按鈕便會以平滑的淡入動畫優雅地出現。當您需要回到頁首時，只需點擊它，頁面就會如絲般順滑地捲動至頂部。就是這麼簡單！ 🔒 **隱私權與安全性承諾** 「捲動至頂部按鈕」的開發，始終將使用者的隱私權保護作為最核心、不容妥協的設計原則。以下是我們對此擴充功能行為的透明化說明： 🚫 **絕無任何追蹤** — 本擴充功能內未包含任何分析代碼、遙測腳本或使用情況統計工具。我們不會測量、記錄或回報您的任何操作行為。您的使用習慣完全屬於您自己。 🚫 **絕不收集任何資料** — 您的瀏覽歷史、已啟用的網站清單以及按鈕位置偏好設定等所有個人化資料，永遠不會離開您的本機瀏覽器。所有資料都安全地儲存在 Chrome 內建的同步儲存空間中，絕不上傳至任何外部伺服器。 🚫 **絕無任何外部網路請求** — 本擴充功能在運作時，不會發出任何一筆網路請求。它不依賴任何遠端伺服器、內容分發網路 (CDN) 或第三方腳本。所有必要的資產——包括字型、圖示、樣式表——都已完整地打包在擴充功能本身之中，實現了真正的離線運作。 🚫 **絕無任何廣告** — 我們承諾提供一個純淨的使用體驗。本擴充功能不包含任何形式的廣告、贊助內容，也未採用任何營利模式。它是一個完全免費的工具，旨在提升您的瀏覽效率。 📋 **權限使用說明：** • `storage` (儲存空間) — 此權限用於在您的瀏覽器本機儲存空間中，安全地保存您的已啟用網站清單以及各網站的按鈕位置偏好設定。這些資料可以透過 Chrome 內建的同步功能，在您登入相同 Google 帳號的不同裝置間同步，但絕對不會被傳送到任何外部伺服器。 • `activeTab` (當前分頁) — 此權限僅用於偵測您目前所在分頁的主機名稱（網址），以便彈出式視窗能夠正確顯示該網站是否已啟用，並允許您進行切換設定。此權限並不會授予擴充功能讀取或存取頁面內容的權力。 僅此而已。我們只申請了兩個最基本、最必要的權限，以確保功能正常運作，同時最大程度地保護您的隱私。 💡 **典型應用情境** 📰 **新聞與深度文章網站** — 在 Medium、各大新聞入口網站和部落格等平台上閱讀長篇文章時，往往需要大量的捲動操作。在您喜愛的閱讀網站上啟用此按鈕，便能隨時一鍵跳回頂部的導覽選單或文章標題，方便快速。 🛒 **購物與電子商務平台** — 在亞馬遜 (Amazon)、eBay、Etsy 或其他大型電商網站上，瀏覽商品列表頁面時，商品項目可能會無限延伸。有了回到頂部按鈕，您就可以在瀏覽了數十件商品後，快速返回頂端的篩選器、搜尋列和分類導覽，而無需費力地手動捲動。 📱 **社交媒體動態消息** — 在 Reddit、Twitter/X、Hacker News 以及各大論壇的無限捲動動態牆上，這個按鈕更是不可或缺。當您沉浸在滑動了數十甚至上百篇貼文後，只需輕輕一點，即可立刻回到頂部，以便重新整理或跳轉至其他功能。 📚 **技術文件與學術參考資料** — 在查閱技術文件、API 參考手冊、維基百科條目或內容冗長的學術論文時，效率至關重要。將按鈕放置在一個方便的角落，讓您可以在不同章節和參考連結之間高效地來回跳轉，大幅提升研究與學習效率。 💬 **論壇與留言討論串** — 在 Stack Overflow、GitHub Issues 或各大社群論壇中，面對長篇大論的討論串， этот按鈕能派上大用場。您可以輕鬆地捲動瀏覽所有回答和留言，然後在需要時，立即返回到最初的提問或貼文內容。 ⭐ **為什麼選擇「捲動至頂部按鈕」？** 🎛️ **選擇性啟用 (Opt-In)，而非預設干擾 (Opt-Out)** — 大多數同類型的回到頂部擴充功能，都採用了在每一個頁面都強制注入按鈕的模式，常常造成不必要的干擾。本擴充功能採取了完全相反的設計哲學：預設為停用，僅在您明確指定的網站上啟用。您的瀏覽器，始終保持最乾淨的狀態。 🧩 **真正徹底的 CSS 隔離** — 我們在這裡提到的 Shadow DOM 並非只是行銷術語。按鈕被渲染在一個封閉的影子根 (closed shadow root) 內部，這意味著主機頁面的任何 CSS 樣式都絕對無法影響到它，同樣地，按鈕自身的樣式也不會洩漏出去污染頁面。這是技術上最為嚴謹與正確的工程實踐方法，然而市面上許多同類型擴充功能為了貪圖方便而完全忽略了這一點。 📐 **無比彈性的位置選擇** — 我們提供九個位置選項，而非典型擴充功能所提供的一或兩個。我們知道，右下角並非總是最佳位置——許多網站的該角落已經被線上客服視窗、Cookie 同意橫幅或其他懸浮元件所佔據。有了我們的擴充功能，您可以輕鬆地將按鈕移動到任何最適合當前頁面的地方。 🧠 **高度智慧的個別網站記憶** — 本擴充功能不僅僅是記住哪些網站被啟用，它還能為每一個網站單獨記住您所設定的按鈕位置。一次設定，永久有效。您再也無需為不同的網站佈局而反覆調整，享受真正智慧化的體驗。 ⚡ **對效能的零度影響** — 我們對效能有著極致的追求。擴充功能沒有在背景持續運行的腳本，沒有持久的網路連接，也沒有定時輪詢的計時器。其內容腳本採用了最高效的被動式捲動監聽器 (passive scroll listener)，並且僅在頁面處於已啟用清單中時才會被啟動。如果某個網站未被啟用，相關的腳本基本上處於休眠狀態，對頁面效能的影響趨近於零。 🔄 **所有變更，即時更新** — 當您在彈出式視窗中更改任何設定時（例如切換啟用狀態或調整位置），頁面上的按鈕都會立即做出反應並更新，完全無需重新整理當前分頁。所見即所得，操作流暢無延遲。 📋 **技術細節** • **Manifest V3** — 基於 Google Chrome 最新的擴充功能平台標準打造，以獲得更強的安全性、隱私保護與效能表現。 • **支援的瀏覽器** — Google Chrome 以及所有基於 Chromium 核心的瀏覽器，包括 Microsoft Edge、Brave、Opera、Vivaldi、Arc 等。 • **內容腳本注入時機** — 腳本在 `document_idle`（文件閒置）時才注入，確保對頁面初始載入時間的影響為零。 • **捲動門檻** — 按鈕在頁面垂直捲動超過 300 像素後才會出現，有效避免在內容較短的頁面上顯示，保持介面潔淨。 • **動畫效果** — 按鈕出現時採用平滑的淡入（fade-in）結合 translateY 位移的複合式轉場動畫。頁面捲動則使用瀏覽器原生的平滑捲動 API (smooth scroll)，效果自然流暢。 • **儲存方式** — 使用 Chrome 同步儲存空間 (sync storage)，確保您的設定能夠跟隨您的 Google 帳號，在不同裝置之間無縫同步。 • **無建置步驟** — 採用純粹的原生 JavaScript 編寫。沒有使用任何前端框架、打包工具或外部依賴，程式碼乾淨、高效且易於維護。 • **極致輕量化** — 包含全部 55 種語言文件與內建字型在內，整個擴充功能的總大小控制在 500KB 以下，對您的硬碟空間幾乎不造成任何負擔。 🚀 **立即開始** 現在就點擊「新增至 Chrome」按鈕，安裝「捲動至頂部按鈕」擴充功能。安裝後無需進行任何預先設定——您只需像往常一樣瀏覽網頁即可。當您遇到一個希望擁有此便利功能的長頁面時，點擊瀏覽器工具列上的擴充功能圖示，為該網站啟用按鈕。接著，選擇一個您喜歡的位置，一切就都設定好了。本擴充功能將會記住您的選擇，在您每次造訪該網站時，那個熟悉又貼心的按鈕都會在您需要時出現。 由 PYROCTAL 用心打造。