Jquery animate to anchor.

Jquery swing to anchor.

by Julian

HTML

<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.0.3/css/bootstrap.min.css">
<script src="https://code.jquery.com/jquery.js"></script>
<script src="//netdna.bootstrapcdn.com/bootstrap/3.0.3/js/bootstrap.min.js"></script>
  <div class="container">
 <div class="row">

            <div class="col-xs-10">
            <a href="#1993"><h3>1993</a>
            <a href="#1994">1994</a>
            <a href="#1995">1995</a></h3>

            </div>
            </div>
    <div class="row">
 <div class="col-xs-5">
         <h2 id="1993">1993</h2>
      
 <p class="">Lorem ipsum dolor sit amet, lectus risus nibh maecenas varius risus augue, augue sed fusce posuere ac, integer donec augue, ipsum duis mattis ultrices augue id, nulla ipsum ac nunc. Condimentum neque viverra velit consectetuer nullam, elit urna dui, commodo mus ipsum feugiat, lorem duis in ultrices sem elit, feugiat vel dui vitae cras. Pellentesque sodales, hac sollicitudin aliquam quam nec maecenas. Integer gravida egestas aliquam, neque condimentum nulla aliquet, maecenas leo eros arcu. Justo auctor sed, facilisis nullam quam non bibendum mi maecenas, lectus velit turpis pellentesque, justo sollicitudin eget. </p>
</div><!-- /.col --> 
</div><!-- /.row --> 

    <div class="row">
 <div class="col-xs-5">
         <h2 id="1994">1994</h2>
      
 <p class="">Lorem ipsum dolor sit amet, lectus risus nibh maecenas varius risus augue, augue sed fusce posuere ac, integer donec augue, ipsum duis mattis ultrices augue id, nulla ipsum ac nunc. Condimentum neque viverra velit consectetuer nullam, elit urna dui, commodo mus ipsum feugiat, lorem duis in ultrices sem elit, feugiat vel dui vitae cras. Pellentesque sodales, hac sollicitudin aliquam quam nec maecenas. Integer gravida egestas aliquam, neque condimentum nulla aliquet, maecenas leo eros arcu. Justo auctor sed, facilisis nullam quam non bibendum mi maecenas, lectus velit turpis pellentesque, justo sollicitudin eget. </p>
</div><!-- /.col -->...

JavaScript

$(document).ready(function() {
   
//Scroll to anchors
    $('a[href^="#"]').on('click', function(event) {
    var target = $(this.getAttribute('href'));
    if( target.length ) {
        event.preventDefault();
        $('html, body').stop().animate({
            scrollTop: target.offset().top -100
        }, swing, 1500);
    }

    //end of scroll code
});


  	});