Create .scroll class to use with jQuery ease and anchor tags / links

scroll-with-class.html

<a id="introArrow" href="#about" class="scroll"><i class="fa fa-angle-down fa-5x"></i></a>
<div class="text-center" id="about"></div>

scroll-with-class.js

//scrollto ease
$(".scroll").click(function(event){
     event.preventDefault();
     //calculate destination place
     var dest=0;
     if($(this.hash).offset().top > $(document).height()-$(window).height()){
          dest=$(document).height()-$(window).height();
     }else{
          dest=$(this.hash).offset().top;
     }
     //go to destination
     $('html,body').animate({scrollTop:dest}, 2000,'swing');
 });