If you want to see smooth-scrolling animation on your website, you are in the right place! This plugin has a very easy installation and implementation process for your website.
A tiny but smoothly customizable plugin that activates vertical page scrolling to any specific element with a unique identifier.
How to make use of it:
1. Assign a unique ID to the goal component (e.g. top nav).
<nav id="target"> Top Nav Here </nav>
2. Create a trigger element pointing to the nav component.
<button id="trigger" data-smoothytarget="#target"> Back To Top </button>
3. Put the JavaScript file no-fuss-jquery-smoothy-scroll.js after the jQuery library.
<script src="/path/to/cdn/jquery.min.js"></script> <script src="/path/to/no-fuss-jquery-smoothy-scroll.js"></script>
4. Enable the graceful scroll plugin on the trigger component.
makeItRealSmooth($("#trigger"));5. Customize the duration of the animation.
makeItRealSmooth($("#trigger"), 1000);6. Determine the offset in pixels.
makeItRealSmooth($("#trigger"), 1000, 50);7. Trigger a function after the smooth scroll is finished.
makeItRealSmooth($("#trigger"), 1000, 50, {
// do something
});See Demo And Download
Official Website(sricharankrishnan): Click Here
This superior jQuery/javascript plugin is developed by sricharankrishnan. For extra Advanced usage, please go to the official website.
