ScrollingToElement

A simple and lightweight snippet to scrolling to an element. You must only add the class to anchor, use the ID as href and include this snippet with jQuery.

Code

$('.scrollto').on('click', function(event) {
 event.preventDefault();

 var $target = $(this).attr('href');
 $('html,body').animate({
 scrollTop: $($target).position().top
 }, 600, function() {
 window.location.hash = $target;
 });
 });
},

Example

<a href="#element" class="scrollto">Element 1</a>
<div id="element">
 <p>If you click on the anchor, then you scroll to this element here.</p>
</div>