平滑滚动使用JavaScript的onclick

Question

我使用这个链接：

<a class="" onclick="location.href='#top'" href="superContent">superContent</a> 

它做一次两件事情：

1. 用户跳转到页面
2. 执行这个其他的顶部（无关）阿贾克斯负载函数

一切工作很好，除了我想弄清楚如何让它滚动到顶端更顺利。我已经尝试添加.scroll将其附加到我的jquery scrollTo插件，但没有任何反应，这可能与我使用javascript onclick这一事实有关，而href属性完全不做其他事情。

有没有办法将动画平滑滚动添加到onclick =“location.href ='＃top'”？

Answer 1

试试这个，它激活了scrollTop()函数。

设置链接的ID：

<a id="link">link</a> 

jQuery的滚动：

$('#link').click(function(){ 
    $("html, body").animate({ scrollTop: 0 }, 600); 
    return false; 
});