javascript - 滚动到顶部未生效

Question

我有这个代码:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.14/jquery-ui.min.js</script>    

<script>
$(function() {
    $('a.scrollToTop, a[href=#top]').click(function(){
    $('html,body').animate({scrollTop:0}, 1500);
    return false;
    })
});
</script>

正文中的代码:

<a name="top"></a>
<p><a href="#top">Back to the Top</a></p>

但它不起作用。有人知道这是为什么吗？我环顾四周但找不到解决方案。

谢谢。

Answer 1

使用以下内容:

$(function() {
    $('a.scrollToTop, a[href=#top]').click(function(e){
        e.preventDefault();
        $('html,body').animate({scrollTop:0}, 1500);
        return false;
    });
});

您需要更改})至});在 return false; 行之后。而且，由于您正在寻找 <a> 的点击，使用preventDefault() .