Name: Super Light Animated Scroll to id
Availability: InStock
Author: DlaWP.pl

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

Super Light Animated Scroll to id

Usage
Add HTML id attribute to element you want to scroll to.
Example:
<pre><code>&lt;h1 id="your-anchor"&gt;Header we will be drawn to smoothly!&lt;/h1&gt;
</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>&lt;a href="#your-anchor" class="sl-animated-scroll"&gt;
 Get me smoothly to my anchor!
&lt;/a&gt;
</code></pre>
Try it.
How to hook menu / nav links?
<ol>
<li>
Go to Appearance -&gt; 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

Alternative Plugins for

Discover the Lists with Super Light Animated Scroll to id