Плавная прокрутка к нужному элементу

HTML

<div class="block">
    <button class="js-down">Down</button>
</div>
<div class="block"></div>
<div class="block">
    <span class="js-target">Target</span>
</div>    

CSS

.block{
  text-align: center;
  height: 600px;
}

jQuery

var $targetDown = $('.js-target');

$('.js-down').click(function(){
    $('html,body').animate({scrollTop: $target.offset().top}, 2000);
});