Scroll to hashtag id

by ashleycam3ron

HTML

<a href="#bottom" id="top">Scroll to bottom</a>

<div style="height:500px;background:#ddd;"></div>

<a href="#top" id="bottom">Scroll to top</a>
<div style="height:50px;background:#ddd;"></div>

CSS

html{height:100vh;}
a#top{}
a#bottom{}

JavaScript

jQuery('a[href^="#"]').on('click', function(event) {
  var target = jQuery(this.getAttribute('href'));
  if (target.length) {
    event.preventDefault();
    jQuery('html, body').stop().animate({
      scrollTop: target.offset().top
    }, 1000);
  }
});