jQuery Plugin For Smooth Scroll Animation - smoothScrollTo
File Size: | 18.3KB |
---|---|
Views Total: | 1188 |
Last Update: | |
Publish Date: | |
Official Website: | Go to website |
License: | MIT |

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.