滚动而不是锚定

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