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>

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>

1.2.1

• Changed the default scroll duration from 200 ms to 800 ms.

1.2.0

• Tested with WordPress 7.1.
• Replaced the legacy CDN-hosted jQuery scrolling libraries with a local, dependency-free script.
• Added reduced-motion support and keyboard focus handling for improved accessibility.
• Fixed Front/Home Page targeting when individual page or post IDs are also saved.
• Hardened settings validation and modernized the settings screen.
• Added WordPress and PHP requirement headers.

1.0.0

• Initial release. 21/08/15

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

Image of internal options