Material Design Smooth Scroll plugin


Material Design Smooth Scroll 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.
View Live Demo

Getting Started


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


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