javascript - 滚动而不是锚定

Question

我的网站只有一页，我希望它向下滚动到我拥有的两/三个部分，而不是跳到锚点。任何帮助都会很棒。

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