мне нужно чтобы при нажатии на кнопку страница сайта прокручивалась до определенного div вот что я сделал (это не работает где ошибка)

 <div class="col-lg-4">
        <h2>Характеристики </h2>
        <p><a   href="/Iphone6/characteristics" onclick="slowScroll('#characteristics')" 
 role="button"><h4>Більше »</h4></a></p>
    </div><!-- /.col-lg-4 -->

 <div id="characteristics" class="row featurette mt-5">
    <div class="col-md-7">
        <h2 class="featurette-heading">Характеристики </h2>
        <p class="lead">Donec ullamcorper nulla non metus auctor fringilla. Vestibulum id ligula porta 
  felis euismod semper. Praesent commodo cursus magna, vel scelerisque nisl consectetur. Fusce 
  dapibus, tellus ac cursus commodo.</p>
    </div>
    <div class="col-md-5 order-md-1">
        <img th:src="@{/images/big5.jpg}" class="rounded float-right"  style="width:90%" />
    </div>
   </div>

js

   function slowScroll(id){
   var offset=0    /*пропускає шапку*/
    $('html,body').animate({
    scrollTop: $(id).offset ().top - offset
    },500);
  return false;
 }