Question

我有一个带有无序导航列表的div。它所在的div有一个设置的高度，溢出设置为auto，给我一个滚动条。我想要的是拥有＆＃34;当前＆＃34;导航链接在页面加载时滚动到div的顶部。每个列表项都有类＆＃39; current-menu-item＆＃39;当前。这是代码的样子。

<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网站。

Answer 1

感谢蒂姆的帮助，我得到了它的帮助。您可以查看js小提琴页面以查看它的实际效果。 jsfiddle.net/KHCreative/2rn7otax

再次感谢你的帮助蒂姆。

滚动到<a> on page load</a>

1 个答案: