Press "Enter" to skip to content

Simple No Fuss Smooth Scroll Jquery Plugin | scrolling to anchor

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
});

Animate Scrolling To Anchor, No Fuss Jquery Smooth Scroll Plugin/Github


See Demo And Download

Official Website(sricharankrishnan): Click Here

This superior jQuery/javascript plugin is developed by sricharankrishnan. For extra Advanced Usages, please go to the official website.

Be First to Comment

    Leave a Reply

    Your email address will not be published. Required fields are marked *