Title: Smoothscroller
Author: neilgee
Published: <strong>2015 年 9 月 21 日</strong>
Last modified: 2025 年 6 月 28 日

---

搜尋外掛

![](https://ps.w.org/smoothscroller/assets/banner-772x250.jpg?rev=1249929)

![](https://ps.w.org/smoothscroller/assets/icon-256x256.jpg?rev=1249929)

# Smoothscroller

 由 [neilgee](https://profiles.wordpress.org/neilgee/) 開發

[下載](https://downloads.wordpress.org/plugin/smoothscroller.1.1.0.zip)

 * [詳細資料](https://tw.wordpress.org/plugins/smoothscroller/#description)
 * [使用者評論](https://tw.wordpress.org/plugins/smoothscroller/#reviews)
 *  [安裝方式](https://tw.wordpress.org/plugins/smoothscroller/#installation)
 * [開發資訊](https://tw.wordpress.org/plugins/smoothscroller/#developers)

 [技術支援](https://wordpress.org/support/plugin/smoothscroller/)

## 外掛說明

This plugin adds a smooth scroll effect motion to anchor links on the same page.

You can apply the effect to all posts/pages or certain posts/pages and adjust scroll
speed.

The links are bound by the **id** attribute.

For the source/origin element, link to the target like so, with a **href** attribute
of the target **id** `<a href="#example"></a>`

For the target element, you give it a corresponding **id** attribute like so – `
<h2 id="example">the target</h2>`

### Usage

The settings are found via the dashboard Settings > Smoothscroller

 * Select to apply to all post and pages
 * Select to have on home page only
 * Select to have on certain pages only
 * Select to have on certain posts only
 * Choose the speed of the scroll

## 螢幕擷圖

 * [[
 * Image of internal options

## 安裝方式

This section describes how to install the plugin:

 1. Upload the `smoothscroller` folder to the `/wp-content/plugins/` directory
 2. Activate the plugin through the ‘Plugins’ menu in WordPress
 3. Options are in Settings => Smoothscroller

## 常見問題集

### How do I make a link on the same page

The links are bound by the **id** attribute.

For the source/origin element, link to the target like so, with a **href** attribute
of the target **id** `<a href="#example"></a>`

For the target element, you give it a corresponding **id** attribute like so – `
<h2 id="example">the target</h2>`

## 使用者評論

![](https://secure.gravatar.com/avatar/13dea6be001c4b0516e5859a356c2b0c4e4cae8ff253957233ff4e69519fdb81?
s=60&d=retro&r=g)

### 󠀁[Simple and does the job!](https://wordpress.org/support/topic/simple-and-does-the-job-17/)󠁿

 [bviant](https://profiles.wordpress.org/bviant/) 2017 年 12 月 31 日

Simple and does the job very easily… Thanks for this!

![](https://secure.gravatar.com/avatar/7570c43c941e0cd06ddbb869735a050cda80d542fae745a9dde8e54b18ba9337?
s=60&d=retro&r=g)

### 󠀁[Works Perfectly](https://wordpress.org/support/topic/works-perfectly-1213/)󠁿

 [TableauxAdmin](https://profiles.wordpress.org/tableauxadmin/) 2017 年 8 月 7 日

Simple and works. What more can you ask for?

![](https://secure.gravatar.com/avatar/40e3b7dd2f29d46ade183ba6ec9b15cf75e164af78c63d3a3158a9ea287a540c?
s=60&d=retro&r=g)

### 󠀁[Simple and effective](https://wordpress.org/support/topic/simple-and-effective-687/)󠁿

 [Pierre LeBaux](https://profiles.wordpress.org/lebaux/) 2017 年 10 月 16 日

Does what is says and nothing else – that’s how its supposed to be. If you ever 
plan on adding any features, maybe add easings (although it is not to hard your 
code, but some users might find that option useful).

![](https://secure.gravatar.com/avatar/975d2f66c27f4f25767b52e89d568878d7f2bae5ebbd1e506324ee867c2536df?
s=60&d=retro&r=g)

### 󠀁[Would be great if…](https://wordpress.org/support/topic/would-be-great-if-2/)󠁿

 [skoft](https://profiles.wordpress.org/skoft/) 2016 年 9 月 3 日

Great simple plugin. The only thing missing is an “offset” option for where the 
page scrolls to when you click an anchor link.

![](https://secure.gravatar.com/avatar/dc2114a46822a404bb35ae2ad3304b9c0efd6000f9d042cbbf1eb1cd522bc4b8?
s=60&d=retro&r=g)

### 󠀁[works instantly](https://wordpress.org/support/topic/works-instantly-4/)󠁿

 [Starski](https://profiles.wordpress.org/starski/) 2016 年 9 月 3 日

Thanks for good Job.

![](https://secure.gravatar.com/avatar/111643ac98f39db50c6d169a38c5bb981af9ba8399ff23453d7fef2c4b288571?
s=60&d=retro&r=g)

### 󠀁[Featured on iThemes Training Plugin Roundup Nov 2, 2015](https://wordpress.org/support/topic/featured-on-ithemes-training-plugin-roundup-nov-2-2015-2017/)󠁿

 [nathaningram](https://profiles.wordpress.org/nathaningram/) 2016 年 9 月 3 日

Nice work on this plugin. Very handy and simple to implement.

 [ 閱讀全部 7 則使用者評論 ](https://wordpress.org/support/plugin/smoothscroller/reviews/)

## 參與者及開發者

以下人員參與了開源軟體〈Smoothscroller〉的開發相關工作。

參與者

 *   [ neilgee ](https://profiles.wordpress.org/neilgee/)

[將〈Smoothscroller〉外掛本地化為台灣繁體中文版](https://translate.wordpress.org/projects/wp-plugins/smoothscroller)

### 對開發相關資訊感興趣？

任何人均可[瀏覽程式碼](https://plugins.trac.wordpress.org/browser/smoothscroller/)、
查看 [SVN 存放庫](https://plugins.svn.wordpress.org/smoothscroller/)，或透過 [RSS](https://plugins.trac.wordpress.org/log/smoothscroller/?limit=100&mode=stop_on_copy&format=rss)
訂閱[開發記錄](https://plugins.trac.wordpress.org/log/smoothscroller/)。

## 變更記錄

#### 1.0.0

 * Initial release.
    21/08/15

## 中繼資料

 *  版本 **1.1.0**
 *  最後更新 **11 個月前**
 *  啟用安裝數 **500+**
 *  WordPress 版本需求 ** 4.0 或更新版本 **
 *  已測試相容的 WordPress 版本 **6.8.5**
 *  語言
 * [English (US)](https://wordpress.org/plugins/smoothscroller/)
 * 標籤:
 * [anchor](https://tw.wordpress.org/plugins/tags/anchor/)[links](https://tw.wordpress.org/plugins/tags/links/)
   [scroll](https://tw.wordpress.org/plugins/tags/scroll/)[smooth](https://tw.wordpress.org/plugins/tags/smooth/)
 *  [進階檢視](https://tw.wordpress.org/plugins/smoothscroller/advanced/)

## 評分

 4.9 星，滿分為 5 星

 *  [  6 個 5 星使用者評論     ](https://wordpress.org/support/plugin/smoothscroller/reviews/?filter=5)
 *  [  1 個 4 星使用者評論     ](https://wordpress.org/support/plugin/smoothscroller/reviews/?filter=4)
 *  [  0 個 3 星使用者評論     ](https://wordpress.org/support/plugin/smoothscroller/reviews/?filter=3)
 *  [  0 個 2 星使用者評論     ](https://wordpress.org/support/plugin/smoothscroller/reviews/?filter=2)
 *  [  0 個 1 星使用者評論     ](https://wordpress.org/support/plugin/smoothscroller/reviews/?filter=1)

[Your review](https://wordpress.org/support/plugin/smoothscroller/reviews/#new-post)

[查看全部使用者評論](https://wordpress.org/support/plugin/smoothscroller/reviews/)

## 參與者

 *   [ neilgee ](https://profiles.wordpress.org/neilgee/)

## 技術支援

使用者可在技術支援論壇提出意見反應或使用問題。

 [檢視技術支援論壇](https://wordpress.org/support/plugin/smoothscroller/)

## 贊助

想要支援這個外掛的發展嗎？

 [ 贊助這個外掛 ](http://wpbeaches.com/)