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
<a data-scroll href="#bazinga">Anchor Link</a> <span id="bazinga">Bazinga!</span>
<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!