Hastighed på scrolltop sættes ned, når den nærmer sig målet..

Hej..
Jeg vil gerne have at hastigheden på hvor hurtigt der bliver scrollet, sættes ned når animationen mangler f.eks. 200px fra at være færdig ?

        <?php
        $style = '000';
        for ($i = 1; $i <= 10; $i++) {
                    if ($style == '000') {
            $style = 'cc0000';
            $color = '000';
        } elseif ($style == 'cc0000') {
            $style = '000';
            $color = 'fff';
        }
            ?>
            <div class="test" rel="<?php echo $i; ?>" style="background-color: #<?php echo $style; ?>; color: #<?php echo $color; ?>;">
                <h1>Dette er <?php echo $i; ?></h1>
                <ul class="mainNav">
                    <?php for($j = 1; $j <= 10; $j++){ ?>
                    <li class="nav">
                        <a href="index.php" style="color: #<?Php echo $color; ?>;" rel="<?php echo $j ?>">Punkt <?php echo $j; ?></a>
                    </li>
                    <?php } ?>
                </ul>
            </div>
            <?php
        }
        ?>


$(document).ready(function(){
   
    $('.nav a').on('click',function(){
      var tr = $(this).attr('rel');
      var h = $('.test[rel='+t+']').height()/2;
      $('html, body').animate({
      scrollTop: $('.test[rel='+tr+']').offset().top - h
  }, 1000);
    });
});

$('.nav a').on('click', function(){
  return false;
});