Material Design Smooth Scroll plugin

material-design-smooth-scroll

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

<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!