dlawp

Usage
Add HTML id attribute to element you want to scroll to.
Example:
<pre><code><h1 id="your-anchor">Header we will be drawn to smoothly!</h1>
</code></pre>
Now add hash to href attribute and class <code>sl-animated-scroll</code> to an A tag or element containing A tag.
Example:
<pre><code><a href="#your-anchor" class="sl-animated-scroll">
 Get me smoothly to my anchor!
</a>
</code></pre>
Try it.
How to hook menu / nav links?
<ol>
<li>
Go to Appearance -> Menus.
</li>
<li>
Make sure you have enabled classes in Screen Options (top right corner).
</li>
<li>
Create new Custom Link
</li>
<li>
Add your anchor in URL of the custom link: <code>/#your-anchor</code>
</li>
<li>
Insert special class to the custom link: <code>sl-animated-scroll</code>
</li>
<li>
Save and try it!
</li>
</ol>
<h3>Support</h3>
If any problems, questions or suggestions please contact us at support@dlawp.pl
GitHub: https://github.com/dlawp/wp-plugin-super-light-animated-scroll

Super Light Animated Scroll to id

Super light and easy to setup links that scroll the page smoothly to any id within the document.

Salvatore Noschese

Maked by Salvatore Noschese (DarkWolf): http://www.darkwolf.it/
Original script by: http://gazpo.com/2012/02/scrolltop/
With this plugin you can simply have a Smooth Page Scroll “to Top” in your blog 🙂
No settings, no edit! Simply install and active 😉
You can see in action here: http://vegamami.altervista.org/ 🙂
<h4>Links</h4>
Author and demo:
<ul>
<li>Author Homepage: <a href="http://www.darkwolf.it/" rel="nofollow ugc">DarkWolf</a></li>
<li>Plugin maked for: <a href="http://vegamami.altervista.org/" rel="nofollow ugc">VegAmami</a></li>
<li>Script and css by: <a href="http://gazpo.com/2012/02/scrolltop/" rel="nofollow ugc">Gazpo</a></li>
</ul>

Smooth Page Scroll to Top

Maked by Salvatore Noschese (DarkWolf): http://www.darkwolf.it/

Super Light Animated Scroll to id vs Smooth Page Scroll to Top