javascript - 固定ではなくスクロール

Question

私の Web サイトは 1 ページしかありません。アンカーにジャンプするのではなく、2 つまたは 3 つのセクションまでスクロールダウンしたいと考えています。どんな助けでも素晴らしいでしょう。

HTML:

<nav id="header-navigation" class="sixteen columns" role="navigation">

<ul id="navigation">
<li><a href="#header-global" title="Home">Home</a></li>
<li><a href="#latest-work" title="Our Work">Startups</a></li>
<li><a href="#contact" title="Contact Us">Contact Us</a></li>
</ul>

</nav><!-- end #header-navigation -->

では、どこかに .js ファイルを追加するだけですか? HTML に次のコードを追加する必要がありますか?

<script type="text/javascript">
function scrollTo(target) {
    var targetPosition = $(target).offset().top;
    $('html,body').animate({
        scrollTop: targetPosition
    }, 'slow');
}
</script>

私のサイトはpinstart.usです