scrollTop无法在Google Chrome中使用

Question

我有一个我想点击的链接，我希望它滚动。这适用于Firefox，但不适用于chrome。

<ul id="nav">
    <li class="login-link">
        <a href="#login">Login</a><!-- Link that i intend to click -->
    </li>
</ul>


<div>
    <a id="login"></a><!-- Link that i want to scroll to -->
<div>

这是我的javascript

$('#nav').on('click', '.login-link a', function(e) {
    $('html, body').animate({ scrollTop: $( $(this).attr('href') ).offset().top }, 1000,      "easeOutExpo");
    return false;

});

我研究过但无济于事。这是Chrome中的错误还是我的代码存在问题。我是否需要更改CSS中的任何内容才能使其正常工作。

谢谢。