Title: Simple Scroll To Top WP Author: Ali Hossain Published: 2022 年 12 月 21 日 Last modified: 2026 年 4 月 20 日 --- 搜尋外掛 ![](https://ps.w.org/simple-scroll-top-wp/assets/banner-772x250.png?rev=2853522) ![](https://ps.w.org/simple-scroll-top-wp/assets/icon-256x256.png?rev=3511095) # Simple Scroll To Top WP 由 [Ali Hossain](https://profiles.wordpress.org/shovoalways/) 開發 [下載](https://downloads.wordpress.org/plugin/simple-scroll-top-wp.zip) * [詳細資料](https://tw.wordpress.org/plugins/simple-scroll-top-wp/#description) * [使用者評論](https://tw.wordpress.org/plugins/simple-scroll-top-wp/#reviews) * [安裝方式](https://tw.wordpress.org/plugins/simple-scroll-top-wp/#installation) * [開發資訊](https://tw.wordpress.org/plugins/simple-scroll-top-wp/#developers) [技術支援](https://wordpress.org/support/plugin/simple-scroll-top-wp/) ## 外掛說明 Simple Scroll To Top WP is a lightweight, feature-rich WordPress plugin that adds an elegant “Back to Top” button to your website. The button appears as users scroll down the page and features a smooth circular progress ring that fills as they scroll, providing visual feedback of their position on the page. This plugin is compatible with all major browsers and works seamlessly with all WordPress themes, including responsive and high-resolution themes. **Links:** * [Live Demo](https://www.alihossain.com/blog/simple-scroll-to-top-wp/)* [Need Help?](https://www.alihossain.com/contact/) * [About Author](https://github.com/shovoalways) ### Video Tutorial ### ⚡ Key Features * **Enable/Disable Toggle** — Easily turn the plugin on or off from the settings * **Custom Icon Upload** — Upload your own icon image (recommended 64×64 px) * **Adjustable Button Size** — Control button dimensions from 30–100 px * **Progress Ring Indicator** — Smooth circular progress border that fills as users scroll * **Progress Ring Width Control** — Adjust ring stroke width from 1–10 px * **Round or Square Shape** — Toggle between circular and square button styles * **Unlimited Colors** — Choose any color for the button background * **Button Positioning** — Place the button on the left or right side of the screen * **Responsive Visibility** — Hide the button on mobile, tablet, or desktop layouts * **Smooth Animations** — Animated scroll-to-top with easing * **No Configuration Required** — Works out-of-the-box with smart defaults * **Lightweight & Fast** — Minimal impact on page performance * **Browser Compatible** — Works with all modern browsers ### Usage After activating the plugin: 1. Navigate to **Dashboard > Scroll To Top** in the WordPress admin 2. Configure the following settings: 3. * **Enabled** — Turn the button on or off * **Round Corner** — Choose between circular or square shape * **Custom Icon** — Upload a custom icon image (optional) * **Button Size** — Set width/height in pixels (30–100 px) * **Progress Ring Width** — Set the ring border thickness (1–10 px) * **Button Position** — Choose left or right side placement * **Primary Color** — Select the button background color * **Visibility** — Hide the button on specific device sizes 4. Click **Save Changes** 5. The button will appear on your website when users scroll down **No additional code or configuration is needed!** ### Support For support, feature requests, or bug reports: * [Contact Author](https://www.alihossain.com/contact/)* [GitHub Repository](https://github.com/shovoalways) ### License This plugin is licensed under the GPLv2 or later. See LICENSE file for details. Copyright (c) 2026 Ali Hossain ## 螢幕擷圖 * [[ * Front-end button with circular progress ring * [[ * Plugin settings page * [[ * Admin settings panel * [[ ## 安裝方式 #### Minimum Requirements * WordPress 5.2 or greater * PHP 7.2 or greater * MySQL 5.0 or greater #### Automatic Installation The easiest way to install Simple Scroll To Top WP: 1. Log in to your WordPress dashboard 2. Navigate to **Plugins > Add New** 3. Search for “Simple Scroll To Top WP” 4. Click **Install Now** next to the plugin 5. Click **Activate Plugin** once installation is complete #### Manual Installation 1. Download the plugin from WordPress.org or your email 2. Log in to your WordPress hosting via FTP or File Manager 3. Navigate to `/wp-content/plugins/` directory 4. Upload the `simple-scroll-to-top-wp` folder 5. Go to **Plugins** in your WordPress dashboard 6. Find “Simple Scroll To Top WP” and click **Activate** #### After Activation 1. Go to **Dashboard > Scroll To Top** (in the admin menu) 2. Configure your preferred settings 3. Click **Save Changes** 4. Visit your website and scroll down to see the button in action ## 常見問題集 ### Is this plugin free? Yes! Simple Scroll To Top WP is completely free. You can use it on unlimited websites at no cost. ### Will this plugin slow down my site? No. The plugin is optimized for performance with minimal CSS and JavaScript. It has negligible impact on page load times. ### Can I customize the button? Yes! You can customize: * Button size (30–100 px) * Button shape (round or square)* Button color * Progress ring width (1–10 px) * Button position (left or right) * Custom icon upload * Visibility per device (mobile, tablet, desktop) ### How do I hide the button on mobile devices? In the plugin settings, check the “Hide on Mobile Layout” option under Visibility settings. ### Can I use my own icon? Yes! Upload a custom icon in the “Custom Icon” section. Recommended size is 64×64 pixels. ### Does this work with all themes? Yes, the plugin is designed to work with all WordPress themes, including custom and responsive themes. ### How do the progress indicators work? The circular progress ring around the button fills as users scroll down the page. It starts empty and becomes fully filled when they reach the bottom of the page, giving visual feedback of scroll position. ### Is there a minimum WordPress version? Yes, WordPress 5.2 or greater is required. Older versions are not supported. ## 使用者評論 ![](https://secure.gravatar.com/avatar/edb2d14bd3e8378a1b8ad2d1d3316cf75851979c3588856068e2cce0980c7331? s=60&d=retro&r=g) ### 󠀁[Best](https://wordpress.org/support/topic/best-1360/)󠁿 [Anaf Ibn Shahibul](https://profiles.wordpress.org/anafibnshahibul/) 2025 年 12 月 28 日 Best Scroll plugin ![](https://secure.gravatar.com/avatar/1da2c9747ff793ab0bf2015776c3a35af9f8c256933c5410b1f71a8326d99659? s=60&d=retro&r=g) ### 󠀁[Easy to use, Thanks.](https://wordpress.org/support/topic/easy-to-use-thanks-6/)󠁿 [shaid85](https://profiles.wordpress.org/shaid85/) 2024 年 3 月 27 日 This plugins is very helpful for me. ![](https://secure.gravatar.com/avatar/c1e42fe6e687a30f512e7c361b184192459bcf24a2ca8d5b72b4ad576d68c2b6? s=60&d=retro&r=g) ### 󠀁[Excellent plugin.](https://wordpress.org/support/topic/excellent-plugin-8744/)󠁿 [Alamgir](https://profiles.wordpress.org/alamgirh/) 2023 年 8 月 12 日 Excellent plugin. ![](https://secure.gravatar.com/avatar/927e1e6315ef7c2263bb2892a87880e3efc5aa12829c921e2e4c1d770e29c442? s=60&d=retro&r=g) ### 󠀁[Very useful plugins](https://wordpress.org/support/topic/very-useful-plugins-12/)󠁿 [Moin Sharif](https://profiles.wordpress.org/moinsharif/) 2023 年 5 月 25 日 This plugins is very helpful for me. ![](https://secure.gravatar.com/avatar/37c2e3a088c536999e683c5b9e5a6a6ee945bef52b8fde02671db7eb9c807eb5? s=60&d=retro&r=g) ### 󠀁[Awesome Plagin](https://wordpress.org/support/topic/awesome-plagin/)󠁿 [likhonsorkar](https://profiles.wordpress.org/likhonsorkar/) 2023 年 5 月 11 日 Awesome Plugin. Recommended ![](https://secure.gravatar.com/avatar/3a917646777ec583991ac9facf841801e82890a15a64f223f9db94e4885909f7? s=60&d=retro&r=g) ### 󠀁[Nice plugin](https://wordpress.org/support/topic/nice-plugin-4906/)󠁿 [Md. Aminul Islam](https://profiles.wordpress.org/wpdevsxyz/) 2023 年 4 月 14 日 Just amazing plugin. If you miss it I tell you you miss something [ 閱讀全部 9 則使用者評論 ](https://wordpress.org/support/plugin/simple-scroll-top-wp/reviews/) ## 參與者及開發者 以下人員參與了開源軟體〈Simple Scroll To Top WP〉的開發相關工作。 參與者 * [ Ali Hossain ](https://profiles.wordpress.org/shovoalways/) 〈Simple Scroll To Top WP〉外掛目前已有 1 個本地化語言版本。 感謝[全部譯者](https://translate.wordpress.org/projects/wp-plugins/simple-scroll-top-wp/contributors) 為這個外掛做出的貢獻。 [將〈Simple Scroll To Top WP〉外掛本地化為台灣繁體中文版](https://translate.wordpress.org/projects/wp-plugins/simple-scroll-top-wp) ### 對開發相關資訊感興趣？ 任何人均可[瀏覽程式碼](https://plugins.trac.wordpress.org/browser/simple-scroll-top-wp/)、 查看 [SVN 存放庫](https://plugins.svn.wordpress.org/simple-scroll-top-wp/)，或透過 [RSS](https://plugins.trac.wordpress.org/log/simple-scroll-top-wp/?limit=100&mode=stop_on_copy&format=rss) 訂閱[開發記錄](https://plugins.trac.wordpress.org/log/simple-scroll-top-wp/)。 ## 變更記錄 #### 3.0.0 * **NEW:** Enable/Disable plugin toggle * **NEW:** Custom icon upload with size guidance (64×64 px) * **NEW:** Adjustable button size control (30–100 px) * **NEW:** Progress ring width control (1–10 px) * **NEW:** Responsive visibility toggles (hide on mobile/tablet/desktop) * **NEW:** Smooth circular progress ring animation that fills during scroll * **NEW:** Square/Round corner shape toggle * **IMPROVED:** Reorganized admin settings for better user experience * **IMPROVED:** Updated plugin branding and documentation * **IMPROVED:** Progress ring rendering for both round and square buttons * **FIXED:** Button appears immediately after scrolling starts (50 px threshold) * **FIXED:** Square button no longer shows visual artifacts * **TESTED:** Compatible with WordPress 6.9.4 #### 2.0.1 * Latest WordPress compatible #### 2.0.0 * Updated plugin option * Button left and right positioning feature #### 1.0.0 * Initial version ## 中繼資料 * 版本 **3.0.0** * 最後更新 **2 週前** * 啟用安裝數 **1,000+** * WordPress 版本需求 ** 5.2 或更新版本 ** * 已測試相容的 WordPress 版本 **6.9.4** * PHP 版本需求 ** 7.2 或更新版本 ** * 語言 * [English (US)](https://wordpress.org/plugins/simple-scroll-top-wp/) 及 [Russian](https://ru.wordpress.org/plugins/simple-scroll-top-wp/). * [將這個外掛本地化為你的母語版本](https://translate.wordpress.org/projects/wp-plugins/simple-scroll-top-wp) * 標籤: * [Back to Top Button](https://tw.wordpress.org/plugins/tags/back-to-top-button/) [progress indicator](https://tw.wordpress.org/plugins/tags/progress-indicator/) [scroll to top](https://tw.wordpress.org/plugins/tags/scroll-to-top/)[smooth scroll](https://tw.wordpress.org/plugins/tags/smooth-scroll/) * [進階檢視](https://tw.wordpress.org/plugins/simple-scroll-top-wp/advanced/) ## 評分 5 星，滿分為 5 星 * [ 9 個 5 星使用者評論 ](https://wordpress.org/support/plugin/simple-scroll-top-wp/reviews/?filter=5) * [ 0 個 4 星使用者評論 ](https://wordpress.org/support/plugin/simple-scroll-top-wp/reviews/?filter=4) * [ 0 個 3 星使用者評論 ](https://wordpress.org/support/plugin/simple-scroll-top-wp/reviews/?filter=3) * [ 0 個 2 星使用者評論 ](https://wordpress.org/support/plugin/simple-scroll-top-wp/reviews/?filter=2) * [ 0 個 1 星使用者評論 ](https://wordpress.org/support/plugin/simple-scroll-top-wp/reviews/?filter=1) [Your review](https://wordpress.org/support/plugin/simple-scroll-top-wp/reviews/#new-post) [查看全部使用者評論](https://wordpress.org/support/plugin/simple-scroll-top-wp/reviews/) ## 參與者 * [ Ali Hossain ](https://profiles.wordpress.org/shovoalways/) ## 技術支援 使用者可在技術支援論壇提出意見反應或使用問題。 [檢視技術支援論壇](https://wordpress.org/support/plugin/simple-scroll-top-wp/) ## 贊助 想要支援這個外掛的發展嗎？ [ 贊助這個外掛 ](https://www.buymeacoffee.com/aliHossain)