Getting Started

MD Performs a Smooth page Scroll to an anchor on the Same Page. To quickly and smoothly scroll the page to the destination content, but take a short time to do so. Nowadays mostly front-end developer make a landing page templates they need smooth scroll on page. They can use with 3 different easy effects.


1: Include Smooth Scroll on your site

<script src="dist/js/smooth-scroll.js"></script>

2: Add the markup to your HTML

<a data-scroll href="#bazinga">Anchor Link</a>


<span id="bazinga">Bazinga!</span>

3: Initialize Smooth Scroll

<script>

    smoothScroll.init();

</script>

In the footer of your page, after the content, initialize Smooth Scroll. And that's it, you're done. Nice work!

Linear Smooth Scroll

Ease In - Quad Smooth Scroll

Ease In - Cubic Smooth Scroll

Ease In - Quart Smooth Scroll

Ease In - Quint Smooth Scroll

Ease In Out - Quad Smooth Scroll

Ease In Out - Cubic Smooth Scroll

Ease In Out - Quart Smooth Scroll

Ease In Out - Quint Smooth Scroll

Ease Out - Quad Smooth Scroll

Ease Out - Cubic Smooth Scroll

Ease Out - Quart Smooth Scroll

Ease Out - Quint Smooth Scroll