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.

iyass.si

Include the lightbox files form ui-kit . one click will do that for you and give you some choices to start use it
rate it even you didn’t like it .. i care about your opinions

WUI LightBox

Simple include plugin for ui-kit lightbox . you can activate it for all images in your website automatically and it gives you little control of using  …

Super Light Animated Scroll to id vs WUI LightBox