前言介紹
- 這款 WordPress 外掛「Fast Smooth Scroll」是 2023-12-30 上架。
- 目前有 300 個安裝啟用數。
- 上一次更新是 2025-04-13，距離現在已有 20 天。
- 外掛最低要求 WordPress 5.0 以上版本才可以安裝。
- 外掛要求網站主機運作至少需要 PHP 版本 5.2 以上。
- 有 1 人給過評分。
- 還沒有人在論壇上發問，可能目前使用數不多，還沒有什麼大問題。
外掛協作開發者
flixos90 |
外掛標籤
lightweight | performance | anchor links | smooth scroll | scroll animation |
內容簡介
外掛總結：
- 這個外掛簡單直接，提供快速且高效的使用者體驗。
- 啟用外掛後，所有的錨點連結（指向同一頁面上其他內容的連結）將提供平滑捲動的體驗，而非突然跳轉到目標內容。
- 這個外掛使用最新的 CSS 平滑捲動技術，同時包含一個非常快速輕量的 JavaScript polyfill（小於1KB），可以兼容舊版瀏覽器，包括Internet Explorer。使用者可以放心使用，這個外掛可以滿足您的使用者群體需求。
問題與答案：
- 這個外掛為什麼存在？
- 平滑捲動是增加使用者體驗的基本功能，所以它不應該以牺牲其他使用者體驗為代價而降低效能。
- 很多其他平滑捲動解決方案遺憾地依賴於過時的技術，例如jQuery，這可能會影響網站的效能，而且並不是提供此功能所必需的。即使是10年前的瀏覽器也不需要jQuery來實現平滑捲動。事實上，截至今天，您只需要使用CSS就可以實現該行為，甚至不需要使用JavaScript。
- 使用這個外掛相較於其他平滑捲動解決方案的另一個潛在原因是可訪問性：這個外掛尊重使用者關於減少動作的偏好，這可以避免臨床前運動障礙患者產生不適感。
- 您可能已經使用了平滑捲動的外掛，但是值得再次檢查一下，確保它不使用那些過時、效能低下和無法訪問的方法，以免拖慢網站速度或對使用者的互動產生負面影響。
- 更多技術細節：
- 這個外掛通過 scroll-behavior CSS 屬性實現平滑捲動。這個屬性在所有現代瀏覽器中已經得到支持數年。
- 為了支援舊版瀏覽器，它包含一個輕量級的JavaScript polyfill，只會在不支援 CSS 屬性的瀏覽器中載入，並且不需要任何依賴。這個polyfill使用最新的JavaScript使用者體驗最佳實踐，如requestAnimationFrame，提供平滑捲動體驗，而不會阻塞其他使用者互動。
- 有關相關瀏覽器支援，請參閱：
- CSS Scroll-behavior
- CSS 屬性：scroll-padding-top
- prefers-reduced-motion 媒體查詢
- requestAnimationFrame
- 高解析度時間API
- NodeList API
- Window API：scrollTo
原文外掛簡介
This plugin takes a no-frills approach to smooth scrolling, providing a fast, performant, and accessible user experience.
Simply enable the plugin, and any anchor links (i.e. links that point to other content on the same page) will provide a smooth scrolling experience rather than abruptly jumping to the destination content.
The plugin relies on the latest smooth scrolling techniques using CSS. A very fast and lightweight JavaScript polyfill (
各版本下載點
- 方法一：點下方版本號的連結下載 ZIP 檔案後，登入網站後台左側選單「外掛」的「安裝外掛」，然後選擇上方的「上傳外掛」，把下載回去的 ZIP 外掛打包檔案上傳上去安裝與啟用。
- 方法二：透過「安裝外掛」的畫面右方搜尋功能，搜尋外掛名稱「Fast Smooth Scroll」來進行安裝。
（建議使用方法二，確保安裝的版本符合當前運作的 WordPress 環境。
延伸相關外掛（你可能也想知道）
Scrollsequence – Cinematic Scroll Image Animation Plugin 》Scrollsequence 可讓您創建令人驚嘆的圖像序列動畫，可使用滾輪或觸摸控制。只需幾個點擊，將靜態設計轉換為視覺體驗。, , , 讓您的網站活起來，讓訪問者透過...。
Animate on Scroll 》使用熱門的 AOS JS 庫，透過新增 class names 完成任何元素的滾動動畫效果。, 此外掛可協助您簡單接合 AOS JS 庫，以新增任何滾動動畫效果至 WordPress 網站...。
Brozzme Scroll Top 》Brozzme Scroll Top 是一個輕量級的外掛，可以在每個頁面上添加一個可完全自定義的滾動至頂部按鈕。當用戶滾動頁面時，按鈕就會出現，當回到頁面頂部時就會消...。
Scroll Magic Addon for Elementor 》ScrollMagic for Elementor 可以輕鬆地根據使用者的當前滾動位置進行反應。這是一款完美的外掛，如果您想製作具有美麗效果的優秀網站，它與 Elementor widget...。
Scroll Magic Addon for WPBakery Page Builde 》透過 ScrollMagic for WPBakery Page Builder，您可以輕鬆地根據使用者的當前捲動位置做出反應。如果您想要在網站上加入美麗的效果，這是完美的外掛。它可完...。