Scroll 在页面加载时滚动到

我有一个div，其中有一个未排序的导航列表。它所在的div有一个设置的高度，溢出设置为auto，给我一个滚动条。我想要的是在页面加载时将当前导航链接滚动到div的顶部。每个列表项在当前时都有“当前菜单项”类。下面是代码的样子

<div class="menu-portfolio-container">
<ul id="menu-portfolio" class="menu">
<li id="menu-item-174" class="menu-item menu-item-type-custom menu-item-object-custom current-menu-item menu-item-174 has-image">
<a href="http://dnb.khcreativemedia.com/hinton/">
</li>

这是我试过的jQuery

<script>
$(document).ready(function () {
    // Handler for .ready() called.
    $('html, body').animate({
        scrollTop: $('.current-menu-item').offset().top
    }, 'slow');
});
</script>

下面是标题中jQuery的链接：

<script src="http://dnb.khcreativemedia.com/wp-includes/js/jquery/jquery.js?ver=1.11.1" type="text/javascript">

---

有谁能告诉我，我需要做些什么才能让它工作？这是一个使用genesis框架的wordpress网站。

多亏了Tim的帮助，我才让它正常工作。您可以查看js fiddle页面以查看它的运行情况。jsfiddle.net/KHCreative/2rn7otax

---

再次感谢你的帮助，蒂姆。

现在发生了什么？错误？在错误的滚动位置结束？到目前为止你都试了些什么？谢谢。我对这一点很熟悉，边走边学习。我发现我得到了一个错误TypeError:$不是一个函数$document.readyfunction{在firebug中。我列出的代码就是我尝试过的代码。显然我做错了什么。听起来你忘记了实际链接到jquery本身。你需要一个脚本标记，将SRC设置为jquery js文件在你的站点上的位置，或者设置为在线版本（如果你喜欢），请参见这里的第一个示例：如果你得到$it not load的错误，那么它不会加载是的。这可能意味着路径有问题。请尝试直接转到该路径，并尝试使用类似fiddler的工具查看它为什么没有加载。直接转到该路径可以工作。页面上的其他jquery也可以工作。我将使用fiddle试着解决它。谢谢。