jQuery Plugin For Smooth Scroll Animation - smoothScrollTo

Just another jQuery scroll to plugin for page navigation. smoothScrollTo is a lightweight jQuery plugin that allows to scroll to any part of your web page with smooth animations and support for callback functions.

See also:

• Lightweight jQuery Scroll To HTML Elements Plugin - Arbitrary Anchor
• Simple jQuery Animated Scroll To Plugin - Animate Scroll
• jQuery Simple Scroll To Plugin - scrollomatic

How to use it:

1. Create a anchor link to scroll to somewhere of your web page.

<a href="#demo" class="smooth">Go to</a>

2. Create an Html element with Id 'demo' that you want to scroll to.

<p id="demo">
YOUR CONTENT
</p>

3. Include the jQuery library and jQuery smoothScrollTo plugin in the page.

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script src="jquery.smoothScrollTo.js"></script>

4. Call the function with options.

<script>
$('a.smooth').smoothScrollTo({
scrollTime: 1000, // animation speed
onBefore: null, // callback function
onAfter: null // callback function
});
</script>

---

This awesome jQuery plugin is developed by Najki. For more Advanced Usages, please check the demo page or visit the official website.