スムーススクロールが効かない?

スムーススクロールの実装ができません。
どこが原因で実装できていないのかがわかりません。
因みにカルーセルはしっかり実装できているので、jQueryやファイルの読み込みエラーではないと思います。

ご回答いただければ幸いです。

コードは以下の通りです。

html
1  <!-- header -->
2  <header id="js-header" class="header">
3    <h1 class="header-ttl">
4      <img src="img/logo.png" srcset="img/logo.png 1x, img/logo.png 2x" alt="HANIWAMAN Corp.">
5    </h1>
6    <nav class="header-nav">
7      <button id="js-toggle" class="header-burger" area-label="menu">
8        <span class="header-burgerInline"></span>
9        <span class="header-burgerInline"></span>
10        <span class="header-burgerInline"></span>
11      </button>
12      <ul class="header-navList">
13        <li class="header-navItem"><a href="#news" class="header-navLink js-navLink">News</a></li>
14        <li class="header-navItem"><a href="#service" class="header-navLink js-navLink">Service</a></li>
15        <li class="header-navItem"><a href="#results" class="header-navLink js-navLink">Results</a></li>
16        <li class="header-navItem"><a href="#price" class="header-navLink js-navLink">Price</a></li>
17        <li class="header-navItem"><a href="#comments" class="header-navLink js-navLink">Comments</a></li>
18        <li class="header-navItem"><a href="#faq" class="header-navLink js-navLink">FAQs</a></li>
19        <li class="header-navItem"><a href="#contact" class="header-navLink js-navLink">Contact</a></li>
20      </ul>
21    </nav>
22    <div id="js-overlay" class="header-overlay"></div>
23  </header>
24  ・・・
25  <!-- service -->
26  <section class="service" id="service">
27    <h2 class="title white">Service</h2>
28    <dl class="service-inner">
29      <div class="service-item">
30        <dt>WEB<br>DESIGN</dt>
31        <dd>
32          どこへ越しても住みにくいと悟った時、詩が生れて、
33          画が出来る。意地を通せば窮屈だ。
34        </dd>
35      </div>
36      <div class="service-item">
37        <dt>WEB<br>CODING</dt>
38        <dd>
39          どこへ越しても住みにくいと悟った時、詩が生れて、
40          画が出来る。意地を通せば窮屈だ。
41        </dd>
42      </div>
43      <div class="service-item">
44        <dt>CMS<br>CUSTOMIZE</dt>
45        <dd>
46          どこへ越しても住みにくいと悟った時、詩が生れて、
47          画が出来る。意地を通せば窮屈だ。
48        </dd>
49      </div>
50    </dl>
51  </section>
52　・・・

jQuery
1$(function () {
2
3  (function () {
4    var $header = $('#js-header');
5
6    //smooth scroll
7    $('a[href^="#"]').on('click', function (e) {
8      var speed = 500;
9      var href = $(this).attr('href');
10      var target = $(href === '#' || href === '' ? 'html' : href);
11      var position = target.offset().top - $header.outerHeight();
12      $('html, body').animate({ scrollTop: position }, speed, 'swing');
13      e.preventDefault();
14    });
15  });
16  ・・・
17});